ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript 配列から特定の要素を削除するいくつかの方法のまとめ

JavaScript 配列から特定の要素を削除するいくつかの方法のまとめ

韦小宝
韦小宝オリジナル
2018-01-25 10:45:001097ブラウズ


js 配列から指定された要素を削除することは、私たち一人ひとりが遭遇する問題です。これについてはオンラインでたくさんの情報がありますが、中には古すぎたり、十分に包括的ではなかったりするので、自分で整理してみます。この記事は主に JavaScript 配列の特定の要素を削除するためのさまざまな方法をまとめて紹介しています。必要な友人は参考にしてください。

はじめに

おそらく、配列の特定の要素を削除する場合、それを実現する方法は複数あると思われるでしょう。そこで、私がまとめた方法を見てみましょう。あなたに役立ちます!多くを語る必要はありません。詳細な紹介を見てみましょう。

ソース配列

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

擬似削除

つまり、配列要素の値をnullに設定します

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

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

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

ただし、これは、配列 Arrayの長さ、つまり変数 arr が変更されないことを意味することに注意してください

完全に削除されました

完全な削除とは、文字通りこれを削除することができます。質問 配列 Array の要素値が実際に削除され、配列の長さが変更されることも想像できます。この要件は、組み込みの配列オブジェクト Array! の splice メソッドによって実現できます。 splice メソッドについて、その特定のパラメーターについて説明します。

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

上記は、組み込みオブジェクト Array の splice メソッドのプロトタイプ定義です。中国語の意味は、次のとおりです。そのパラメーターの意味は、次のとおりです。

  • start : 開始点

    indexvalue

  • deleteCount: 削除される要素の数

  • items: 削除後に置換/追加される要素

    パラメータが追加されていない場合は要素の削除を意味し、deleteCount
    のパラメータ値と組み合わせる必要があります deleteCount が 1 で、items パラメーターの位置にパラメーター値が指定されている場合、置換を意味します
    deleteCountが1で、itemsパラメータ位置に複数のパラメータ値が指定されている場合、要素の置換と追加を意味します

上記の擬似削除で残った要素値をspliceメソッドnullで削除します


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"]

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

["George", "John", "Tom", "Adrew", "Martin"]
splice 関数 - 要素の置換と追加


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

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

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

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

置換と追加後配列構造は次のようになります。

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

splice 関数 - 要素の追加


要素の追加 キーは、開始の値インデックスの位置だけです。現在の配列構造は次のとおりです:

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

たとえば、リンダとアリサの間にビルとブレイク

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

を追加する場合、追加される配列構造は次のようになります:

    arr.shift();
  • arr.indexOf( 'Linda' ) + 1開始位置

    は配列要素にあり、その後にリンダが来ます
  • 削除された要素の数のパラメータはここで0に設定されています。これは要素を追加するためのキーであり、要素は削除されないことを意味します

  • 「Bill」、「Blake」これspliceメソッドの最後のパラメータであるitemsは、deleteCountパラメータの値によって意味が異なります。ここで、deleteCountパラメータは0であり、itemsは2つの値を表します。このパラメータは追加を意味します。 要素値 'Bill'、'Blake'


上記は、配列内の特定の要素を削除することを意味します。ここで簡単に説明します

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

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

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

arr.pop();
配列の最後の要素を削除します

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

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

rrreee
上記がこの記事のすべての内容です。皆さんの JavaScript の学習に役立つことを願っています。 !


関連する推奨事項:

JavaScriptモジュールパターンの詳細な説明

JavaScriptのカプセル化のさまざまな記述方法

JavaScriptオブザーバーパターンの例の詳細な説明🎜

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。