JavaScript配列メソッド

[2編]タイル要素を追加する方法

📋 元のシナリオを変更!不変性しゃっくり💔

⚪ push()
配列の最後に1つ以上の要素を追加し、配列の新しい長さを返します.

例

let array = [100, 200, 300, 400 ,500];
array.push('600');  

console.log(array);  // [ 100, 200, 300, 400, 500, '600' ]
console.log(array.length);  // 6

⚪ unshift()
新しい要素を配列の一番前に追加し、新しい長さを返します.

例

let array = [100, 200, 300, 400 ,500];
array.unshift('안녕');  

console.log(array);  // [ '안녕', 100, 200, 300, 400, 500 ]
console.log(array.length);  // 6

⚪ splice()
配列内の既存の要素を削除または置換したり、新しい要素を追加したりして、配列の内容を変更します.

array.splice(startIndex, deleteCount, item1, item2, ...); 

▼startIndex(アレイのインデックス変更を開始する)
▼deleteCount(アレイから削除する要素の数/オプション)
☑️ item1, item2, ... (アレイに追加する要素/オプション要素)
配列の最初の要素値を追加

splice(0, 0, Item1, item2, ... );

例

let array = [100, 200, 300, 400, 500];

array.splice(0, 0, 150);
 
console.log(array);  // [ 150, 100, 200, 300, 400, 500 ]
console.log(array.length);  // 6

アレイ内の最後の要素の値を追加

splice(array.length, 0, Item1, item2, ... );

例

let array = [100, 200, 300, 400, 500];

array.splice(5, 0, 600, '안녕');
 
console.log(array);  // [ 100, 200, 300, 400, 500, 600, '안녕' ]
console.log(array.length);  // 7

注意:https://developer.mozilla.org/ko/