JS---配列と配列を結合する

配列と配列を結合する

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

【concatメソッドを使った配列の結合】
Array オブジェクトの concat メソッドを使うと配列に対して別の配列を結合した新しい配列を取得することができます。

・書式
配列名.concat(配列)
配列名.concat(配列, 配列, ...)
配列名.concat(値, 値, ...)

サンプル
let fruit = ['Apple', 'Melon', 'Orange'];
let fruitAll = fruit.concat(['Peach', 'Grapes']);　//結合

console.log(fruitAll);
結果
 ['Apple', 'Melon', 'Orange', 'Peach', 'Grapes']

元の配列は変わらない
console.log(fruit);
['Apple', 'Melon', 'Orange']

concat メソッドの引数には配列だけでなく値も指定できる。
let fruitAll = fruit.concat('Peach', ['Grapes', 'Strawberry']);

console.log(fruitAll);
結果
 ['Apple', 'Melon', 'Orange', 'Peach', 'Grapes', 'Strawberry']

【concatメソッドを使った配列のコピー】
concat メソッドの引数を省略した場合は元の配列を複製したものを戻り値として返します。

サンプル
let fruit = ['Apple', 'Melon', 'Orange'];
let copyFruit = fruit.concat();

console.log(copyFruit);
結果
 ['Apple', 'Melon', 'Orange']

複製された配列は元の配列は別の配列オブジェクトとなります。その為、複製した配列に変更を加えても元の配列には影響しません。

サンプル
let fruit = ['Apple', 'Melon', 'Orange'];
let copyFruit = fruit.concat();

copyFruit[1] = 'Grapes';
console.log(copyFruit);
・結果
 ['Apple', 'Grapes', 'Orange']

console.log(fruit);　//コピー元の配列には影響されない
結果
 ['Apple', 'Melon', 'Orange']

以上