Good Mood

概要:このチュートリアルでは、JavaScript配列のsplice()メソッドを使用して、既存の要素を削除し、新しい要素を挿入し、配列内の要素を置き換える方法を説明します。

JavaScriptの配列型は、配列の中央に新しい要素を挿入できる非常に強力なsplice()メソッドを提供します。 ただし、このメソッドを使用して、既存の要素を削除および置換することもできます。,

JavaScript配列のsplice()メソッドを使用して要素を削除する

配列内の要素を削除するには、splice()メソッドに次のように二つの引数を渡します。

Code language: JavaScript (javascript)

position削除する最初の項目の位置を指定し、num引数によって削除する要素の数を決定します—–

splice()メソッドは、元の配列を変更し、削除された要素を含む配列を返します。

次の例を見てみましょう。,

配列があるとしますscores1から5までの五つの数字を含みます。

Code language: JavaScript (javascript)

次のステートメントは、scores最初の要素から始まる配列の三つの要素を削除します。

Code language: JavaScript (javascript)

scores配列には二つの要素が含まれるようになりました。

Code language: JavaScript (javascript)

そしてdeletedScores配列には三つの要素が含まれています。

Code language: JavaScript (javascript)

次の図は、上記のscores.splice(0,3)メソッド呼び出しを示しています。,

JavaScript Array splice()メソッドを使用して要素を挿入

splice()第二引数がゼロであるsplice()メソッドに三つ以上の引数を渡すことによって、一つ以上の要素を配列に挿入することができます。

次の構文を考えてみましょう。

Code language: JavaScript (javascript)

この構文では、

• position新しい要素が挿入される配列内の開始位置を指定します。,
• 二番目の引数はゼロ(0)であり、splice()配列要素を削除しないようにメソッドを指示します。
• 第三引数、第四引数などは、配列に挿入される新しい要素です。li>

splice()メソッドは実際に元の配列を変更することに注意してください。 また、splice()メソッドは要素を削除しないため、空の配列を返します。 たとえば、

という名前の配列があると仮定しますcolors三つの文字列を持ちます。,

Code language: JavaScript (javascript)

次のステートメントは、第二の要素の後に一つの要素を挿入します。

Code language: JavaScript (javascript)

colors配列には、新しい要素が第二の位置に挿入された四つの要素があります。

Code language: JavaScript (javascript)

次の図は、上記のメソッド呼び出しを示しています。,

次の例のように、splice()メソッドに第四の引数、第五の引数などを渡すことで、複数の要素を挿入できます。

Code language: JavaScript (javascript)

JavaScript Array splice()メソッドを使用して要素を置き換える

splice()メソッドを使用すると、既存の要素を同時に削除しながら、新しい要素,

これを行うには、削除する項目の数を指定する二つ目の引数と、挿入する要素を示す三つ目の引数を少なくとも三つ渡します。

削除する要素の数は、挿入する要素の数と同じである必要はないことに注意してください。

次のように四つの要素を持つプログラミング言語の配列があるとします。

Code language: JavaScript (javascript)

次のステートメントは、第二の要素を新しい要素で置き換えます。,

Code language: JavaScript (javascript)

languages配列には、新しい第二引数が'Python'の代わりに'C++'である四つの要素があります。

Code language: JavaScript (javascript)

次の図は、上記のメソッド呼び出しを示しています。,

次のようにsplice()メソッドに引数を渡すことで、一つの要素を複数の要素に置き換えることができます。

Code language: JavaScript (javascript)

ステートメントはつまり、Javaから一つの要素は、languages配列に三つの新しい要素を挿入します。 結果は以下の通りである。,

Code language: JavaScript (javascript)

このチュートリアルでは、JavaScript Arraysplice()メソッドを使用して、既存の要素を削除し、新しい要素を挿入し、配列内の要素を置き換えp>