JavaScript中去掉数组中的重复值的实现方法

 更新时间:2011年08月03日 23:20:48   作者:  
百度面试时问的一道题目,蛮常规的,但是当时自己的回答挺差劲的。现在总结记录下~
复制代码 代码如下:

题目:要求写一个函数,去掉给定数组中的重复值。
如:
传入数组 a = [0, 8, 5, 4, 78, 8, 90, 4, 'a', 'b', 'a'];
要求返回:[0,4,5,8,78,90,a,b]

对于这个题目,在面试之后也想了好多次,不过一直没能想出一个时间复杂度较低的方法。昨天下午在宿舍看《JavaScript语言精粹》看到一个书中的一段代码有所触发,于是在jsfiddle上测试了,成功。代码如下(完整版参见jsfiddle)
复制代码 代码如下:

var getNR = function(src) {
src = src || [];
var res = {};
var curr = [];
var i, j = 0,temp, name;
for (i = 0; i < src.length; i++) {
temp = src[i];
if (res[temp]) {
//do noting
} else {
res[temp] = 1;
}
}
for (name in res) {
if (res.hasOwnProperty(name)) {
curr[j++] = name;
}
}
return curr;
};

总结一下我的思路:
思路一:将目标数组进行排序,然后依序删除重复的数组,但这样在删除重复元素的同时也改变数组原有元素的属性,明显是不符合要求的,del。
思路二:新建一个数组b,将a中的元素push到b中,但是在push之前检查该元素是否存在。这个时间复杂度是n*n,最简单也是最笨的办法。
思路三:跟思路二类似,不过充分利用了js对象的属性,新建一个空对象,将a中的元素作为属性添加到该对象中,在添加之前检测该属性是否已存在。全部添加完后将该对象的属性依序放到数组中,return
美团面试的题目中有一道这个题目的变种:
要求在Array类上添加一个方法,对于任意数组调用该方法后,去除该数组中的重复元素。
这个变种题考查的知识点多了些,还包括原型,this的理解等。

相关文章

  • 微信小程序实现侧边导航栏

    微信小程序实现侧边导航栏

    这篇文章主要为大家详细介绍了微信小程序实现侧边导航栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • js中split函数的使用方法说明

    js中split函数的使用方法说明

    本篇文章主要是对js中split函数的使用方法进行了说明介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能

    使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能

    由于微信小程序没有提供类似 Image 这样的 JS 对象,要实现图片的预加载要麻烦一些,wxapp-img-loader自定义组件可以在微信小程序中实现图片预加载功能,需要的朋友可以参考下
    2018-10-10
  • js中同步与异步处理的方法和区别总结

    js中同步与异步处理的方法和区别总结

    若要在使用ajax请求后处理发送请求返回的结果,最好使用同步请求,下面为大家介绍下js中同步与异步处理的方法和区别,感兴趣的朋友不要错过
    2013-12-12
  • 浅析JS中对函数function的理解(基础篇)

    浅析JS中对函数function的理解(基础篇)

    我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法。下面给大家谈下对JS中函数function的理解,一起看看吧
    2016-10-10
  • uniapp实现tabBar-switchTab之间的传参方法

    uniapp实现tabBar-switchTab之间的传参方法

    这篇文章主要介绍了uniapp实现tabBar-switchTab之间的传参方式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-01-01
  • js prototype深入理解及应用实例分析

    js prototype深入理解及应用实例分析

    这篇文章主要介绍了js prototype深入理解及应用,结合实例形式分析了JavaScript prototype属性功能、原理、使用方法及操作注意事项,需要的朋友可以参考下
    2019-11-11
  • IE8 浏览器Cookie的处理

    IE8 浏览器Cookie的处理

    最近在修改重写自己的简历程序,其中要使用皮肤切换和lightbox效果,在开发的工作中IE8,给我带来点麻烦。
    2009-01-01
  • JavaScript获取Url里的参数

    JavaScript获取Url里的参数

    这篇文章主要介绍了JavaScript获取Url里的参数,需要的朋友可以参考下
    2014-12-12
  • Javascript操作cookie的函数代码

    Javascript操作cookie的函数代码

    之前发布了javascript操作cookie一个大全里面有很多知识,大家可以在本站搜索,另外今天遇到js操作cookie又增加2款方法一个是简单版本、一个是封装版本,特意分享给大家
    2012-10-10

最新评论