二次配列から特定の値を取り出す方法

Question

前提・実現したいこと

var data1 = [ [8,"a"],[5,"b"],[12,"c"] ...]

のように、dataに値が代入されているとして、そこから

var data2 = ["b","a","c"]

のように、keyとなる数値(5,8,12...)の順番で、取り出したい場合はどのようにしたら良いのでしょうか？

ご教授の程宜しくお願いします。

Comments

[m.ts10806]

まずご自身で調べ、試したことを記載してください。
https://teratail.com/help/question-tips#questionTips1-2
https://teratail.com/help/question-tips#questionTips3-5

Answer 1

元の2次元配列を並び替えてから値を取り出すという手順で可能です。

// ES5
var data2 = data1.sort(function(a, b){ return a[0] - b[0]; }).map(function(a){ return a[1]; });

.sort()メソッドに与えている関数は並び替えのための比較関数です。
関数の引数aとbは配列の中身、つまり今回の場合は長さ2の1次元配列です。
numbers.sort(function(a, b){ return a - b; })で数値の一次元配列の並び替えができるというのが典型的な使用例です。

.map()メソッドで配列の中身を変換しています。
関数の引数aは同じく配列の中身です。

• Array.prototype.sort() - JavaScript | MDN
• Array.prototype.map() - JavaScript | MDN

なお、実行環境が新しければ次のようにも書けます。詳しく知りたければアロー関数、分割代入を見てみてください。

// ES2015
let data2 = data1.sort(([a], [b]) => a - b).map(([k, v]) => v);

Comments

[EVAEVE]

reosablo様

ご丁寧な説明ありがとうございます。
参考に作成してみます。ありがとうございます。

Answer 2

こんにちは、以下のようにしてみるといかがでしょうか？

const data1 = [ [8,"a"], [5,"b"], [12,"c"] ];
const keys = [ 5, 8, 12 ];

const data2 = keys.map(key => data1.find(e => e[0] === key)[1]);

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/NWxqXej?editors=0012

追記

または、 data1 の内容を含むMapを作っておくという手もあります。

const data1 = [ [8,"a"], [5,"b"], [12,"c"] ];
const map1 = new Map(data1);

const keys = [ 5, 8, 12 ];

const data2 = keys.map(key => map1.get(key));

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/gOPpoqM?editors=0012

追記

コメントにも返信しましたが、ご質問の要件が

• 配列data1の要素である長さ2の配列の先頭要素の値（key)の昇順に、2番目の要素のアルファベットを取り出した配列を data2 として得たい

ということなのでしたら、以下のように sort を使えば得られます。

const data2 = [...data1].sort(([k1],[k2]) => k1 - k2).map(([k,v]) => v);

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/eYJNVBx?editors=0012

Comments

[EVAEVE]

jun68ykt様

ありがとうございます。
私自身も理解できるよう、調べながらしてみます。

お聞きしたいのですが、keyが予め決まっいない場合はまた記述は変わってきますか？

[jun68ykt]

コメントありがとうございます。

> keyが予め決まっいない場合

ということは、こういうことでしょうか？

与えられる data1 は
[ [8,"a"], [5,"b"], [12,"c"] ]
であるかもしれないし、
[ [3,"a"], [2,"b"], [1,"c"] ]
だったり
[ [10,"a"], [20,"b"], [15,"c"] ]
であるかもしれない。
いずれの場合も、やりたいことが、

配列data1の要素である長さ2の配列の先頭要素の値（key)の昇順に、2番目の要素のアルファベットを取り出した配列を data2 として得たい

ということなのでしたら、以下のように sort を使えば得られます。

const data2 = [...data1].sort(([k1],[k2]) => k1 - k2).map(([k,v]) => v);

動作確認用 CodePen: https://codepen.io/jun68ykt/pen/eYJNVBx?editors=0012

[EVAEVE]

jun68ykt様　
丁寧なご説明ありがとうございます。参考に記述してみます。

[jun68ykt]

どういたしまして????参考になれば幸いです。