logo

JavaScript Array splice() メソッド

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
  • オペラ
  • サファリ