ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript配列から特定の要素を削除する方法の紹介

JavaScript配列から特定の要素を削除する方法の紹介

巴扎黑
巴扎黑オリジナル
2017-09-07 10:23:241563ブラウズ

js 配列から指定された要素を削除することは、私たち一人ひとりが遭遇する問題です。この点に関する情報はインターネット上にたくさんありますが、一部が古すぎたり、内容が十分に包括的ではなかったりするので、整理してみます。この記事は主に、JavaScript 配列の特定の要素を削除するためのさまざまな方法をまとめて紹介しています。

はじめに

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

ソース配列


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

擬似削除

つまり、配列要素の値をnullに設定することです


りー

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


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

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

完全な削除

完全な削除とは何ですか? この問題は文字通り、配列 Array の要素値を削除し、配列の長さを変更すると考えることもできます。この要件は、組み込みの splice メソッドによって実現できます。配列オブジェクト 配列! splice メソッドについて、その特定のパラメーターについて話しましょう:


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

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

  • start: 開始点のインデックス値

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

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

を置き換えて追加し、上記の疑似削除 null によって残された要素値を削除することを意味します


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

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


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

spliceメソッドについて言及したので、要素の置換、要素の追加など、その他の機能についても話しましょう!

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

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


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

配列要素JamesをTom


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

に置き換えたいです


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' );
    追加された配列構造は次のようになります:
  • arr.indexOf( 'Linda' ) + 1

  • ["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
  • 開始位置
  • は配列要素Lindaの後です

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


'Bill'、'Blake' 組み込みオブジェクト Array の splice メソッドの最後のパラメータ項目です。deleteCount パラメータの値によって意味が異なります。 items には 2 つの値があることを示します。これは、要素の値 'Bill'、'Blake' を追加することを意味します

上記は、最初の要素を削除するのは簡単すぎます。最後の要素です。ここで簡単に説明します


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



arr.shift();

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

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


Delete配列内の最後の要素



arr.pop();
🎜削除後の配列は次のようになります:🎜🎜🎜🎜🎜
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]

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

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