ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript配列重複排除手法の解析

JavaScript配列重複排除手法の解析

高洛峰
高洛峰オリジナル
2017-01-14 10:36:001384ブラウズ

この記事の例では、JavaScript 配列の重複排除方法について説明します。次のように、参考として全員と共有します。

方法 1.

アイデア: 新しい空の配列を作成し、古い配列をループし、indexOf() メソッドを使用して配列内の要素の位置を取得します。値が -1 の場合は、存在しないことを意味します。次に、新しい配列は、indexOf を使用して古い配列の各要素を取得し、値が -1 である場合は、その要素が存在しないことを意味し、それを新しい配列にプッシュし、最後に重複排除後の配列である新しい配列を出力します。

var arr=[24,56,74,89,24,56,78,09,24];
var new_arr=[];
for(var i=0;i<arr.length;i++){
  if(new_arr.indexOf(arr[i])==-1){
    new_arr.push(arr[i]);
  }
}
console.log(new_arr);

方法 2.

var arr=[2,58,49,26,49];<br>var o={};
var new_arr=[];
for(var i=0;i<arr.length;i++){
  var k=arr[i];
  if(!o[k]){
    o[k]=true;
    new_arr.push(k);
  }
}
alert(new_arr);

同じ原理で、空のオブジェクトを使用して判断するだけです

注: 2 番目の方法は、既存の添字をオブジェクトに格納することです。添字参照は、indexOf() 検索を使用するよりも優れています。配列の方がはるかに高速であるため、最初のメソッドは非常にリソースを大量に消費します

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。

JavaScript 配列の重複排除メソッドの分析に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

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