js object数组去重

JavaScript016

js object数组去重,第1张

js 数组去重

注:应该也可以适用于 object数组,但是本人没有进行验证,贴出来仅供你参考

第一种是比较常规的方法

思路:

1.构建一个新的数组存放结果

2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比

3.若结果数组中没有该元素,则存到结果数组中

代码如下:

Array.prototype.unique1 = function(){

 var res = [this[0]]

 for(var i = 1 i < this.length i++){

  var repeat = false

  for(var j = 0 j < res.length j++){

   if(this[i] == res[j]){

    repeat = true

    break

   }

  }

  if(!repeat){

   res.push(this[i])

  }

 }

 return res

}

var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]

alert(arr.unique1())

第二种方法比上面的方法效率要高

思路:

1.先将原数组进行排序

2.检查原数组中的第i个元素 与 结果数组中的最后一个元素是否相同,因为已经排序,所以重复元素会在相邻位置

3.如果不相同,则将该元素存入结果数组中

代码如下:

Array.prototype.unique2 = function(){

 this.sort() //先排序

 var res = [this[0]]

 for(var i = 1 i < this.length i++){

  if(this[i] !== res[res.length - 1]){

   res.push(this[i])

  }

 }

 return res

}

var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]

alert(arr.unique2())

二种方法也会有一定的局限性,因为在去重前进行了排序,所以最后返回的去重结果也是排序后的。如果要求不改变数组的顺序去重,那这种方法便不可取了。

第三种方法(推荐使用)

思路:

1.创建一个新的数组存放结果

2.创建一个空对象

3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。

说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。

代码如下:

Array.prototype.unique3 = function(){

 var res = []

 var json = {}

 for(var i = 0 i < this.length i++){

  if(!json[this[i]]){

   res.push(this[i])

   json[this[i]] = 1

  }

 }

 return res

}

var arr = [112,112,34,'你好',112,112,34,'你好','str','str1']

alert(arr.unique3())

1、object无法直接转换为array,两个是不同的类型和数据结构。

2、object中的结构是一个属性=值的结构模式,而array是数字索引=值的结构模式

3、如果确实根据一定的业务逻辑能转换,则需要循环

扩展资料:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

日常用途

嵌入动态文本于HTML页面。

对浏览器事件做出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies,包括创建和修改等。

基于Node.js技术进行服务器端编程。

参考资料:百度百科:JavaScript