JavaScript 配列のスプライス() メソッドは、既存の要素を削除または置換したり、新しい要素を追加したりして、配列の内容を変更するために使用される JavaScript の組み込みメソッドです。元の配列を変更し、削除された要素の配列を返します。
配列 splice() 構文:
Array.splice( index, remove_count, item_list )>
- 索引: これは必須のパラメータです。このパラメータは、配列の変更を開始するインデックスです (原点は 0)。これは負の値にすることもでき、最後から数えて多くの要素の後に始まります。
- 削除数: 開始インデックスから削除される要素の数。
- アイテムリスト: 開始インデックスから挿入される、カンマ演算子で区切られた新しい項目のリスト。
戻り値
元の配列をその場で変更しながら、削除された項目のリストを返します。削除された配列がない場合は、空の配列を返します。
スタックJava
Array splice() の例
Array splice() メソッドの基本的な例を次に示します。
JavaScript
let webDvlop = ['HTML', 'CSS', 'JS', 'Bootstrap']; console.log(webDvlop); // Add 'React_Native' and 'Php' after removing 'JS'. let removed = webDvlop.splice(2, 1, 'PHP', 'React_Native') console.log(webDvlop); console.log(removed); // No Removing only Insertion from 2nd // index from the ending webDvlop.splice(-2, 0, 'React') console.log(webDvlop)>
出力
[ 'HTML', 'CSS', 'JS', 'Bootstrap' ] [ 'HTML', 'CSS', 'PHP', 'React_Native', 'Bootstrap' ] [ 'JS' ] [ 'HTML', 'CSS', 'PHP', 'React', 'React_Native', 'Bootstrap' ]>
説明:
この JavaScript コードは、配列 `webDvlop` の操作を示しています。最初に、配列の内容をログに記録します。次に、インデックス 2 から JS を削除し、その場所に PHP と React_Native を挿入し、変更された配列と削除された要素をログに記録します。最後に、最後から 2 番目のインデックスに React を挿入し、最終的な配列をログに記録します。
Array splice() の例
Array splice() メソッドの別の例を次に示します。
レジスタメモリJavaScript
let languages = ['C++', 'Java', 'Html', 'Python', 'C']; console.log(languages); // Add 'Julia' and 'Php' after removing 'Html'. let removed = languages.splice(2, 1, 'Julia', 'Php') console.log(languages); console.log(removed); // No Removing only Insertion from 2nd index from the ending languages.splice(-2, 0, 'Pascal') console.log(languages)>
出力
[ 'C++', 'Java', 'Html', 'Python', 'C' ] [ 'C++', 'Java', 'Julia', 'Php', 'Python', 'C' ] [ 'Html' ] [ 'C++', 'Java', 'Julia', 'Php', 'Pascal', 'Python', 'C' ]>
説明:
この JavaScript コードは、配列「言語」を操作します。最初に、配列の内容をログに記録します。次に、インデックス 2 から Html を削除し、その場所に Julia と Php を挿入し、変更された配列と削除された要素をログに記録します。最後に、最後から 2 番目のインデックスに Pascal を挿入し、最終的な配列をログに記録します。
Javascript 配列メソッドの完全なリストがあります。これらを確認するには、これを参照してください。 Javascript 配列の完全なリファレンス 記事。
サポートされているブラウザ:
- グーグルクローム
- 角
- インターネットエクスプローラ
- Firefox
- オペラ
- サファリ