重複要素を削除するためのいくつかの JavaScript メソッドの推奨例

この例は、JavaScript を使用して配列内の重複要素を削除するためによく使用されるいくつかのテクニックをまとめたものです。必要な方は参考にしてください。

ここでは、主に を使用して配列から重複要素を削除する、高頻度のフロントエンド インタビューの質問を共有します。 JavaScript。初心者の方の参考になれば幸いです

//数组去重的方法
Array.prototype.unique=function(){
  //集中声明变量
  var 
   oldArr=this,
   newArr=[oldArr[0]],
   len=oldArr.length,
   i=1;
  //过滤空数组
  if(!len) return this;
  //过滤重复元素
  for(;i<len;i++){
    newArr.indexOf(oldArr[i])<0 ? newArr.push(_this) : &#39;&#39;; 
  }
  //返回过滤后的数组没有影响原数组
  return newArr;
}
var arr=[&#39;a&#39;,&#39;a&#39;,&#39;b&#39;,&#39;a&#39;,&#39;c&#39;,&#39;d&#39;];
console.log(arr.unique());
//["a", "b", "c", "d", unique: function]

ネット上にたくさんあるし、私が書いたものはあまり良くありませんが、結局のところ、私が書いたロジックは明確で、次のようなロジックに沿って拡張できますオブジェクト要素に拡張して重複を削除したり、複数の配列を同時に操作したりすることもできます。包括的な比較のために他の人が書いたいくつかのメソッドを以下に示します

方法 1:

function oSort(arr)
{
  var result ={};
  var newArr=[];
  for(var i=0;i
  {
 if(!result[arr[i]])
 {
   newArr.push(arr[i])
   result[arr[i]]=1
 }
  }
  return newArr
}

方法 2:

配列を走査するarrを削除し、要素を個別に配置します 別の配列tmpでは、arrに要素が存在しないと判断した場合のみtmpに配置できます for ...inとindexOf()
の2つの関数が使用されます。

var student = ['qiang'，'ming'，'tao'，'li'，'liang'，'you'，'qiang'，'tao'];
 function unique(arr){
   // 遍历arr，把元素分别放入tmp数组(不存在才放)
   var tmp = new Array();
   for(var i in arr){
  //该元素在tmp内部不存在才允许追加
  if(tmp.indexOf(arr[i])==-1){
  }
 }
  return tmp;
}

方法 3:

ターゲットを配置します。配列 arr の要素の値とキーの位置を交換すると、重複した要素が自動的に削除されます。交換は次のようになります: array('qiang'=>1, 'ming' =>1, 'tao'=> 1)

<script type="text/javascript">
  var student = [&#39;qiang&#39;,&#39;ming&#39;,&#39;tao&#39;,&#39;li&#39;,&#39;liang&#39;,&#39;you&#39;,&#39;qiang&#39;,&#39;tao&#39;];
  function unique(arr){
    var tmp = new Array();
    for(var m in arr){
      tmp[arr[m]]=1;
    }
    //再把键和值的位置再次调换
    var tmparr = new Array();
    for(var n in tmp){
     tmparr.push(n);
    }
   return tmparr;
 }
</script>

方法 4

/**
* 去除数组重复元素
*/
function uniqueArray(data){ 
  data = data || []; 
  var a = {}; 
  for (var i=0; i<data.length; i++) { 
    var v = data[i]; 
    if (typeof(a[v]) == &#39;undefined&#39;){ 
      a[v] = 1; 
    } 
  }; 
  data.length=0; 
  for (var i in a){ 
    data[data.length] = i; 
  } 
  return data; 
}

方法はほぼ同じです。

以上が重複要素を削除するためのいくつかの JavaScript メソッドの推奨例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。