array.splice()

アレイ・スプライス（組み込みオブジェクト）

意味配列を変更

array.splice()とは？

`array.splice()`メソッドは、配列の内容を変更して要素を追加または削除します。

array.splice()の具体的な使い方

配列の要素を削除して新しい要素を挿入する例

const fruits = ['りんご', 'バナナ', 'オレンジ', 'ぶどう'];
console.log('元の配列:', fruits);

// インデックス1から2つの要素を削除し、'いちご'と'メロン'を挿入
const removed = fruits.splice(1, 2, 'いちご', 'メロン');

console.log('変更後の配列:', fruits);
console.log('削除された要素:', removed);

👇出力結果

元の配列: ['りんご', 'バナナ', 'オレンジ', 'ぶどう']
変更後の配列: ['りんご', 'いちご', 'メロン', 'ぶどう']
削除された要素: ['バナナ', 'オレンジ']

この例では、fruitsという配列に対してsplice()メソッドを使用しています。インデックス1から2つの要素（'バナナ'と'オレンジ'）を削除し、その位置に'いちご'と'メロン'を挿入しています。spliceメソッドは削除された要素を新しい配列として返します。

array.splice()に関するよくある質問

Q. splice()は元の配列を変更する？

A. はい、splice()メソッドは元の配列を直接変更します。これは、多くの配列メソッドが新しい配列を返すのとは異なる動作です。

Q. splice()の戻り値は何？

A. splice()メソッドは、削除された要素を含む新しい配列を返します。要素が削除されなかった場合は空の配列を返します。

Q. splice()で要素を追加のみできる？

A. はい、削除する要素数を0にして新しい要素を指定することで、要素の追加のみを行うことができます。例：arr.splice(2, 0, 'new')は2番目のインデックスに'new'を挿入します。

array.splice()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのarray.splice()やMath.round()、array.some()、array.slice()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。