indexを指定した配列の値を利用して、別の配列から値を取り出して新しい配列を作りたい

Question

JavaScriptでindexを指定した配列（名前：index）があり、2次元配列（名前：data）から指定したindexの部分だけ取り出して新しい配列（名前：arr）を作りたいです。

試してみたコード

let data = [["11/5",1],["11/6",1],["11/7",2]];
let index = [0,1];
let arr = [];

    for (let i=0; i<index.length; i++){
        arr.push(data[index[i]]);
    }
//arrは　[["11/5",1],["11/6",1]]　となってほしいのですが、実際には単に2となります。

上記のくらい短ければ、

arr.push(data[0]);
arr.push(data[1]);

としてもいいいですが、実際にはもっと長い配列を使う予定です。どのようにすればよいでしょうか？ご教授お願い致します。

Comments

[Zuishin]

https://teratail.com/questions/303032

解決しているようですが。

[takushikai]

その質問とは少し違います。ややこしくて申し訳ありません。

[Zuishin]

> 横方向の「行」は抽出できても縦方向の「列」の抽出の仕方がわかりません。

と書いてあるので、もともと解決している問題にしか見えませんでした。

Answer 1

Array.prototype.filter使えばできます。

const result = data.filter((_,i) => index.includes(i));

Array.prototype.filter()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Comments

[takushikai]

回答ありがとうございます。filterを使ったほうが簡潔に書けるんですね。

Answer 2

普通に参照できると思いますが・・・

Comments

[yambejp]

let data = [["11/5",1],["11/6",1],["11/7",2]];
let index = [0,1];
let arr = [];
for (let i=0; i<index.length; i++){
arr.push(data[index[i]]);
}
console.log(arr);

[takushikai]

変数名を変更したら動きました、、、変数名が当たっていたみたいです。ご指摘ありがとうございます。

Answer 3

//arrは　[["11/5",1],["11/6",1]]　となってほしいのですが、実際には単に2となります。

とありますが、提示いただいた時点のコードで意図した挙動になっていませんか？

let data = [["11/5",1],["11/6",1],["11/7",2]];
let index = [0,1];
let arr = [];

for (let i=0; i<index.length; i++){
  arr.push(data[index[i]]);
}

console.log(arr[0]);
// --> ["11/5", 1]
console.log(arr[1]);
// --> ["11/6", 1]

Comments

[takushikai]

ご連絡ありがとうございます。変数名を変更したら普通に動きました。変数名が他と当たっていたみたいです。