spliceで配列から値を取得できない問題を解決したい。

Question

配列から指定された値を取得したい。

spliceを用いて配列から二つの配列を生み出す。

配列からspliceできない値が存在する問題。

array_2は機能している。
array_1は2,3の値しか受け取ることが出来ない。

script.js:58 (2) [2, 3]

該当のソースコード

const array_test = [1,2,3,4,5,6,7,8,9,10];

window.addEventListener('load',()=>{
    let array_1 = array_test.splice(array_test[0],array_test[1],array_test[2],array_test[3],array_test[4]);
    let array_2 = array_test.splice(array_test[5],array_test[6],array_test[7],array_test[8],array_test[9]);

    console.log(array_1);
    console.log(array_2);
});

成功したソースコード

filterを通してあげると問題なく、機能する。

const array_test = [1,2,3,4,5,6,7,8,9,10];

window.addEventListener('load',()=>{

    let array_1 = array_test.filter((_,x)=>[0,1,3,4,7].includes(x));
    let array_2 = array_test.filter((_,x)=>[2,5,6,8,9].includes(x));

    console.log(array_1);
    console.log(array_2);
});

試したこと

ドキュメント参照

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[maisumakun]

array_1とarray_2、そしてarray_testの最終的な値としては、どのようなものを期待していましたか？

[m.ts10806]

spliceだと除去する要素が指定されるのですけど、なぜspliceを採用しようと思ったのですか？

[You]

採用した経緯につきましては、一つ前の私の質問から参照させていただきました。

[m.ts10806]

＞一つ前の私の質問
リンクされてないので他者にはわかりません。
1つ1つの質問は全て独立しているものです。

[You]

ご忠告ありがとうございます。

[m.ts10806]

忠告ではなくあくまで「質問内容の不備」を指摘しているので、質問本文に追記してください。

[You]

かしこまりました。
以後、参考にさせていただきます。

Answer 1

後半のfilterと同じ動作をさせたい、つまり「元の配列はそのままで配列の一部だけ抜き出した配列を作りたい」というのであれば、spliceは適切なメソッドではありません。

MDNの記事にもあるように、spliceは元の配列を破壊的に変更するメソッドです。

Comments

[maisumakun]

spliceの返り値は切り抜いた配列ですが、「○番目から□個分」という、連続した範囲にしか適用できません。

「0,1,3,4,7番目を抜き出したい」という用途にsplice一発で対応することは出来ません。

[You]

回答ありがとうございます。
filterを使って新しく配列を取得する方法にシフトしていきたいと思います。