ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで配列内の指定された要素を削除する方法

JavaScriptで配列内の指定された要素を削除する方法

清浅
リリース: 2019-02-20 13:55:28
オリジナル
24592 人が閲覧しました

JS で配列内の指定された要素を削除する手順は、主に 2 つのステップに分かれています。まず、配列に要素が含まれているかどうかを確認し、次に splice() メソッドを使用して指定された要素を削除します。 JavaScript言語で配列の指定要素を削除する方法を紹介しましたので、皆さんの参考になれば幸いです。

JavaScriptで配列内の指定された要素を削除する方法

[おすすめコース:

javascript チュートリアル]配列内の指定された要素を削除する JavaScript は、一般的に次のように分かれています。このステップでは、まず指定された要素が配列内に存在するかどうかを確認し、次に配列内の要素を削除します。次に、この記事では、JavaScriptを使用して配列内の指定された要素を削除する詳細な手順を紹介します。

1. 要素が配列内にあるかどうかを確認する

まず、JavaScript コードを使用して、削除する要素が配列内にあるかどうかを確認する必要があります。この機能を実現するには、次のメソッドを実行できます。

function isInArray(arr,value){
    for(var i = 0; i < arr.length; i++){
        if(value === arr[i]){
            return true;
        }
    }
    return false;
}
ログイン後にコピー

上記のメソッドを通じて、指定された要素が配列内にあるかどうかを判断する関数を定義できます。配列内にある場合は、true を返します。配列内にない場合、false を返します

indexOf メソッドを使用して、指定された要素が配列内にあるかどうかを判断することもできます。

function IsInArray(arr,val){ 
 
  var testStr=&#39;,&#39;+arr.join(",")+","; 
 
  return testStr.indexOf(","+val+",")!=-1; 
 
} 
  var arr=["sdf","ddd","eds","enm"];
  console.log(IsInArray(arr, "eds"));
ログイン後にコピー

使用する際に注意する点が 2 つあります。 1 つは、indexOf メソッドの O を大文字にする必要があるということ、もう 1 つは、このメソッドが IE ブラウザで機能するということです。このメソッドは array

Rendering:

に存在しません。

JavaScriptで配列内の指定された要素を削除する方法##2. 配列内の指定された要素を削除します

削除する要素のインデックスを見つけたら、削除します。次の関数メソッドを通じて要素を取得します。

この関数の実現は主に splice() メソッドを通じて実現され、主に配列内の要素の削除、置換、追加などに使用されます。

例:

<script>
function removeArray(arr, val) {
   for(var i = 0; i < arr.length; i++) {
    if(arr[i] == val) {
     arr.splice(i, 1);
     break;
    }
   }
  }
  var arr=["sdf","ddd","eds","enm"];
  removeArray(arr, "eds");
  document.write("<p>删除后的数组:" + arr + "</p>");
</script>
ログイン後にコピー

レンダリング:


概要: 上記は次のとおりですこの記事の内容全体が、配列内の指定された要素を削除する方法の学習に役立つことを願っています。 JavaScriptで配列内の指定された要素を削除する方法

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

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