JavaScriptで使用される破壊的な配列メソッドとその使用法の解説

1. push(): 配列の末尾に要素を追加します。 例:

   let myArray = [1, 2, 3];
   myArray.push(4);
   console.log(myArray); // 出力: [1, 2, 3, 4]

2. pop(): 配列の末尾から要素を削除します。 例:

   let myArray = [1, 2, 3];
   myArray.pop();
   console.log(myArray); // 出力: [1, 2]

3. shift(): 配列の先頭から要素を削除します。 例:

   let myArray = [1, 2, 3];
   myArray.shift();
   console.log(myArray); // 出力: [2, 3]

4. unshift(): 配列の先頭に要素を追加します。 例:

   let myArray = [1, 2, 3];
   myArray.unshift(0);
   console.log(myArray); // 出力: [0, 1, 2, 3]

5. splice(): 配列内の要素を削除または置換します。 例:

   let myArray = [1, 2, 3, 4, 5];
   myArray.splice(2, 1); // インデックス2から1つの要素を削除
   console.log(myArray); // 出力: [1, 2, 4, 5]
   myArray.splice(1, 2, 'a', 'b'); // インデックス1から2つの要素を削除し、'a'と'b'を挿入
   console.log(myArray); // 出力: [1, 'a', 'b', 4, 5]

これらはJavaScriptでよく使用される破壊的な配列メソッドの一部です。破壊的なメソッドは元の配列を変更するため、注意が必要です。もし元の配列を変更したくない場合は、非破壊的なメソッドや配列のコピーを作成して操作する方法もあります。

この記事ではこれらのメソッドを使ったシンプルな例をいくつか紹介しましたが、JavaScriptには他にも多くの破壊的な配列メソッドが存在します。それぞれのメソッドの詳細な使用法や応用例については、公式のJavaScriptドキュメントや他のリソースを参考にしてください。