快捷導(dǎo)航

JS基于對(duì)象的特性實(shí)現(xiàn)去除數(shù)組中重復(fù)項(xiàng)功能詳解

更新時(shí)間：2017年11月17日 11:14:52 作者：Small_Teemo

這篇文章主要介紹了JS基于對(duì)象的特性實(shí)現(xiàn)去除數(shù)組中重復(fù)項(xiàng)功能,結(jié)合實(shí)例形式較為詳細(xì)的分析了js基于key值唯一性實(shí)現(xiàn)數(shù)組去重的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS基于對(duì)象的特性實(shí)現(xiàn)去除數(shù)組中重復(fù)項(xiàng)功能。分享給大家供大家參考，具體如下：

數(shù)組去重的方法有很多，不同的方法的效率也不相同。如前面文章JS實(shí)現(xiàn)的數(shù)組去除重復(fù)數(shù)據(jù)算法小結(jié)中就總結(jié)分析了4種實(shí)現(xiàn)方法。這里介紹一種高效數(shù)組去重的方法：根據(jù)JS對(duì)象的特性去除數(shù)組中重復(fù)項(xiàng)的方法。

一、JS對(duì)象的特性(本文中所使用的特性)：key始終唯一

引例：說(shuō)明對(duì)象key值的唯一性，即當(dāng)重新給js已有屬性賦值的時(shí)候，實(shí)際上是覆蓋了key，而不是新建了key

var t={name:'張三',age:20};//定義個(gè)js對(duì)象
console.log(t.name);//控制臺(tái)輸出：張三
//注意:此時(shí)對(duì)象t有兩個(gè)屬性：name、age
t.name='李四';
console.log(t.name);//控制臺(tái)輸出：李四
//注意:此時(shí)對(duì)象t依然有兩個(gè)屬性：name、age

二、數(shù)組去重步驟解析

分為兩個(gè)步驟：

1. 把要去重的數(shù)組轉(zhuǎn)換成一個(gè)js的對(duì)象并返回。轉(zhuǎn)換規(guī)則：把數(shù)組中的值變成js對(duì)象當(dāng)中的key，然后value給任意值；

2. 把步驟1中的對(duì)象再還原成數(shù)組，對(duì)象的key作為數(shù)組中的元素。

三、數(shù)組去重實(shí)現(xiàn)

var arr=[1,2,3,4,5,23,4,2,4,3];
//1.把數(shù)組裝換成對(duì)象，數(shù)組的元素作為對(duì)象的key，然后返回對(duì)象
function toObject(ac_array){
    var obj={};//私有的對(duì)象
    for (var i=0;i<ac_array.length;i++) {
      obj[ac_array[i]] = true;
    }
    console.log(obj);//Object {1: true, 2: true, 3: true, 4: true, 5: true, 23: true}
    return obj;
}
//2.把對(duì)象的key獲取出來(lái)作為數(shù)組的元素，然后返回?cái)?shù)組
function keys(ac_obj){
    var arr = [];
    for(var item in ac_obj){
      if(ac_obj.hasOwnProperty(item)){
        arr.push(item);
      }
    }
    console.log(arr);//["1", "2", "3", "4", "5", "23"]
    return arr;
}
//綜合
function uniq(ac_array){
    return keys(toObject(ac_array));
}
//測(cè)試
var uniq_array=uniq(arr);
console.log(uniq_array);//["1", "2", "3", "4", "5", "23"]

代碼測(cè)試結(jié)果：