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

韦小宝
リリース: 2018-01-25 10:45:00
オリジナル
1101 人が閲覧しました


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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!