[javascript]配列内の順番を指定したい

Question

[
 0:object
   type:"aaa"
   name:"name1"
 1:object
   type:"bbb"
   name:"name2"
 2:object
   type:"ccc"
   name:"name3"
 …
]

上記のような配列があったとして、
この配列内の値のtypeを自分で指定したとおりに入れ替えたい場合、どのようにしたらよいでしょうか？
※abcになっていますがアルファベット順と言う訳ではない
※渡ってくるデータの大元を変更することが出来ない(順番を入れ替えてからデータを渡すといったことが出来ない)

• やりたい事

渡ってきた配列データを

bbb -> aaa -> ccc

に入れ替えたい
※つまり任意の順番で入れなおしたい

どうかご教授いただけますと幸いでございます。

Answer 1

こういうことがしたいということですか？

"use strict";
var data = [
  { type: 'aaa', name: 'name1' },
  { type: 'bbb', name: 'name2' },
  { type: 'ccc', name: 'name3' } ];
var list = ["bbb", "aaa", "ccc"];
var ordered = data.sort(function(a, b) {
  return list.indexOf(a.type) - list.indexOf(b.type);
});
console.log(ordered);
// => [ { type: 'bbb', name: 'name2' },
//      { type: 'aaa', name: 'name1' },
//      { type: 'ccc', name: 'name3' } ]

Answer 2

JavaScriptの配列の要素を前後の要素と入れ替える | infoScoop開発者ブログ

↑この記事は役に立ちませんか？

Answer 3

配列の要素を入れ替えることができれば任意の順番に変更できます。
i番目の要素とj番目の要素を入れ替えたい場合、以下のように書けます。

var tmp = arr[i];
arr[i] = arr[j];
arr[j] = tmp;

[JavaScript 配列 swap] などのキーワードで検索すれば他にもいろいろ方法が見つかると思います。

Comments

[star24star]

ご回答有難うございます！
今回は配列内の値が少し多いのですが、少ない場合は値を入れなおすといったやり方が手っ取り早そうですね！

Answer 4

配列のオーダー番号を配列で渡したらその順番に取ってくる、という関数を定義するアプローチを考えました。
https://jsfiddle.net/htsign/ovp05wf3/
上のリンクのfunction sort(targetArray, orders)っていう部分がそれなんですけど。
非常に単純な実装なので、例えば第二引数に[0, 1, 0, 1]のような配列を渡すと同じのが2つ出てきたりします。