JavaScriptスプライス

| | | | | | | | | | | | | | | | | | | | |

JavaScriptのsplices()メソッドは配列を変更します。これにより、テーブルに新しい要素を追加したり、既存の要素を削除または変更したりできます。 splice()は、それが使用される配列を変更します。新しいテーブルは作成されません。

既存のアイテムのリストにアイテムを追加または削除するのが一般的です。たとえば、従業員からのフィードバックを提供するプログラムがあるとします。従業員が休暇中です。プログラムから一時的に削除できます。

splice()を使用して、配列内の要素を追加、削除、または変更できます。このメソッドを使用すると、配列に要素を追加したり、配列から要素を削除したりできます。このチュートリアルでは、splice()メソッドがどのように機能し、JavaScriptコードでどのように使用するかを示します。

配列の更新

配列には、数値、文字列、およびブール値を含めることができます。 JavaScriptでは、 配列を使用して、データを複数の変数に格納する代わりに、より多くの情報を格納できます。たとえば、10人の生徒のクラスがある場合、それぞれの名前を一覧表示する配列を作成できます。

配列は、0から始まるインデックス番号を使用して表示できます。配列の例を次に示します。 :

JavaScript splice()

JavaScript splice()メソッドは、配列から要素を追加、変更、または削除します。 splice()は既存の配列を変更します

splice()の構文を見てください:。

splice()は3つのパラメーターを受け入れます:

  • インデックスの開始番号(必須)
  • 削除する配列要素の数(オプション)
  • リストに追加する要素(オプション)

junctionを使用してリストに複数のアイテムを追加できます。これを行うには、最終パラメータとして追加するすべての項目を指定する必要があります。

splice()JavaScript:この配列から削除

生徒名のリストPaulがあります別の学校に移動し、名前のリストから彼を削除したいこれは、配列から名前を削除するスプライシング()の例です:

コードを実行すると、次の出力が得られます:

["Alex"、 "Fred"、 "Molly"]

インデックス「3」で始まる要素を削除しました。この場合、削除したJavaScript文字列は"Paul

でした。コードから2番目の引数を削除すると、インデックスの後のすべての要素が削除されます。3”これも削除されます

JavaScriptスプライス()。配列に追加

配列に別の生徒を追加する場合は、splice()を使用することもできます。3番目のパラメーターを追加する場合は、配列に追加する内容を指定できます。例を次に示します。

このコードの出力は次のとおりです。

["Alex"、 "Fred"、 "Molly"、 "Paul"、 "Hannah"]

新しい文字列"Hannah配列の最後のインデックス位置「4」に「が追加されました。配列から何も削除されていないため、2番目のパラメータが0に設定されていることに注意してください。スプライスを使用すると、配列に新しい要素を簡単に追加できます

追加できますコードに追加のパラメータを含めることによる他の名前:。

studentvar = ["Alex"、 "Fred"、 "Molly"、 "Paul"]

student.splice(4 、0、 "Hannah"、 "Lily");

console.log(students);

このコードは、「Hannah」と「Lily」の両方をリストに追加します

splice()JavaScript。配列の追加と削除

配列の要素の追加と削除を同時に行う場合は、splice()を使用することもできます。これが実際の例です。

このコードの出力は次のとおりです。

["Alex"、 "Fred"、 "Hannah"、 "Paul"]

コードは、インデックス値「2」が「Molly」である要素を配列から削除しました。そのため、コードは「2」のインデックス位置に「Hannah」を追加しました。

JavaScriptスプライスとスライス

一部の開発者はJavaScriptスライス間で混乱します( )とsplice()は、slice()を使用して配列から要素を削除することもできるためです。ただし、これら2つの方法には違いがあります。

まず、slice()は元の配列を変更しませんが、(上記のように)junctionは元のベクトルを変更します。さらに、splice()は変更が加えられた新しい配列を返し、splice()は削除されたアイテムを返します。

結論

splicing()は要素を追加しますto、既存の配列の要素を削除、または変更します。 splice()を使用して、配列に必要な数の要素を追加または削除できます。

JavaScriptのsplice()について知っておく必要があるのはこれだけです。つまり、JavaScript配列に要素を追加または削除する場合は、splice()を知っておくと便利です。

JavaScriptの詳細については、初心者向けの最高のJavaScriptチュートリアル。