我正在为初级前端开发人员出常见的面试问题。一个常见问题是如何从 JavaScript 数组中删除重复项。
假设是使用以下数组：
const withDuplicates = ["dog", "cat", "dog", "cow", "dog", "cat"]为了保持数组里的值唯一，我们可以这么做：
const uniqueValues = [...new Set(withDuplicates)]
// it will return ["dog", "cat", "cow"]它只适用于数值，不适用于对象。
Set 是一种 Javascript 数据结构，其主要目的是作为不可重复数据的容器。
通过使用解构数组初始化 Set，我们传递实际值，Set 将自动删除重复项。最后，我们通过把它包装在方括号中将其转换回数组。
Set 是在 2015 年由 ES6 版本的 Javascript 添加的。
不使用 ES6 Set，使用原先解决方案
在没有ES6 Set的时候，我们只能使用以下代码来执行此操作：
function remove_duplicates(arr) {
var obj = {};
var ret_arr = [];
for (var i = 0; i < arr.length; i++) {
obj[arr[i]] = true;
}
for (var key in obj) {
ret_arr.push(key);
}
return ret_arr;
}
相关推荐
-
VBA数组函数Array（vba数组函数的使用方法）
【分享成果，随喜正能量】承担生活的深沉，品味辛苦的味道，看淡世间的颠倒与世相，活出生活的才情和智慧，那些所有复杂变得平淡，纠结变得朴素，都是生活的醒悟，更是人生的灵犀一点，佛门有句话，叫做道不远人，生...
-
php7字符串转数组（php7把字符串转换成数组）
php7字符串转数组方法：1、用str_split()，语法“str_split(str,length)”；2、用explode()，语法“explode(separator,str,limit)”；3、用强制转换，语法“(array)string”。 php7字符串转数组（php7把字符串转换成数组）...
-
js中array对象的常用方法(js array的方法)
JS是唯一几乎全面支持函数式编程的流行语言，而函数编程的起点是处理数组。因此，我们首先来盘点 array 数组的5类22种方法。 一、数组变形 Transform (函数范式的纯函数） 首先列出对数组变形操作的没有side-effects...
-
JS Array 中各类函数如何使用（js数组常用的方法及用法）
对于web开发过程中的JS对象 Array ，我们真的充分使用了么？是不是理解了Array的全部？能够在合适的地点调用合适的函数，使用合适的属性？ 接下来我们一起走进JS原生对象Array的世界中. Array如何创建 1.空数组 var ...
-
new array.at()方法的用法
现在有一个新的数组方法：array.at()，与普通方括号访问语法的主要区别是对负索引的支持。 让我们看看以下数组： [] 和 at() 会做同样的事情： 虽然 legumes[-1] 最终会返回 undefined，但 legumes.at(-1) 将返回&qu...
-
uniapp面试题必问-uniapp基础常见面试题目
uniapp优缺点 优点: a. 一套代码可以生成多端 b. 学习成本低,语法是vue的,组件是小程序的 c. 拓展能力强 d. 使用HBuilderX开发,支持vue语法 e. 突破了系统对H5条用原生能力的限制 缺点: a. 问世时间短,很多地方不完...
