JS配列から指定された要素を削除します

今回は JS 配列指定された要素を削除するについて説明します。JS 配列から指定された要素を削除するための 注意事項 について、実際のケースを見てみましょう。

誰もが JavaScript を使用する中で、配列から特定の要素を削除することが常に多くの人にとって問題となっています。JavaScript 配列から特定の要素を削除するにはどうすればよいでしょうか。次の記事で詳しく紹介します。

ソース配列

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];

擬似削除>

擬似削除とは配列要素の値をnullに設定することです

arr[ arr.indexOf( 'Thomas' ) ] = null;

削除された配列は次のようになります:

["George", "John", null, "James", "Adrew", "Martin"]

ただし、注意してください。これは、配列 Array

、つまり変数 arr の長さは変更されないことを意味します 完全に削除します

完全な削除とは何ですか? この質問は文字通り、配列 Array の要素値を削除し、配列の長さを変更すると考えることもできます。この要件は、次の splice メソッドによって実現できます。組み込み配列

オブジェクト

Array!スプライス方法に関しては、その特定のパラメータについて話しましょう:

Array.prototype.splice = function(start,deleteCount,items) {};

上記は、組み込みオブジェクト Array の splice メソッドのプロトタイプ定義です。中国語の意味は「スプライシング」、パラメータの意味は「

」です。 start: 開始点
• index

  value

  deleteCount: 削除される要素の数

• items: 削除後に置換/追加される要素 パラメータを追加しない場合は要素を削除することを意味し、deleteCount のパラメータ値と組み合わせる必要があります。 deleteCount が 1 で、items パラメーターの位置にパラメーター値が指定されている場合、置換を意味します。 deleteCount が 1 で、項目パラメーターの位置に複数のパラメーター値が指定されている場合、要素の置換と追加を意味します
上記の擬似削除nullで残った要素値をspliceメソッドで削除します

arr.splice( arr.indexOf( null ), 1 );

削除された配列は次のようになります:

["George", "John", "James", "Adrew", "Martin"]

splice メソッドについて説明したので、要素の置換、要素の追加など、その他の機能について説明しましょう。

splice 関数 - 要素を置換します

配列構造は次のようになります:

["George", "John", "James", "Adrew", "Martin"]

配列要素 James を Tom

arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );

に置き換えたい 置き換えられた配列構造は次のようになります:

["George", "John", "Tom", "Adrew", "Martin"]

splice 関数 - 要素の置換と追加

現在の配列構造は次のようになります:

["George", "John", "Tom", "Adrew", "Martin"]

配列要素 Tom を Judy に置き換え、Linda と Alisa を追加したいです

arr.splice( arr.indexOf( 'Tom' ), 1, 'Judy', 'Linda', 'Alisa' );

置換および追加後の配列構造は次のようになります:

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

splice 関数 - 要素を追加

特定のニーズに応じて、要素を追加する任意の位置を選択できます。重要なのは、開始位置の値インデックスです。現在の配列構造は次のようになります:

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

たとえば、リンダとアリサの間にビルとブレイクを追加します

arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );

追加された配列構造は次のようになります:

["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

開始位置
• は配列要素 Linda の後です

  arr.indexOf( 'Linda' ) + 1

  削除された要素の数のパラメーターはここで 0 に設定されます。これは要素を追加するためのキーであり、要素は削除されないことを意味します

• ', 「Blake」は、組み込みオブジェクトの splice メソッドの最後のパラメータ項目です。配列は、deleteCount パラメータの値によって意味が異なります。ここで、deleteCount パラメータは 0 で、項目は 2 つの値を持ちます。つまり、要素値「Bill」、「Blake」を追加します
上記は配列内の特定の要素を削除する方法ですが、最初の要素と最後の要素を削除するのは簡単なので、ここで簡単に説明します。 配列の最初の要素を削除します

arr.shift();

削除された配列は次のようになります:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

配列の最後の要素を削除します

arr.pop();

削除された配列は次のようになります:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]

この記事のケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Django マルチデータベース

node.js を使用して WeChat インターフェイスのカプセル化を実装する手順の詳細な説明

以上がJS配列から指定された要素を削除しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。