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

巴扎黑
リリース: 2017-09-07 10:23:24
オリジナル
1535 人が閲覧しました

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

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