JavaScript数组去重实战:基础类型与对象属性过滤
本文详细介绍JavaScript中数组去重的两种常见场景:基础类型数组去重与基于对象属性的数组去重。通过具体代码示例,展示了利用哈希表优化简单数组去重的方法,以及使用reduce结合对象键值判断实现对象数组按指定字段去重的技巧,帮助开发者高效处理数据清洗任务。
JavaScript数组去重实战:基础类型与对象属性过滤
本文通过具体代码示例,讲解JavaScript中实现数组去重的两种常见方式:基础类型数组的去重以及基于对象特定属性的数组去重。内容旨在为开发者提供实用的参考方案。
基础数组去重实现
JavaScript基础数组去重实现
var arr1 = [1, 2, 3, 4, 5, 6, 3, 4, 3];
function arrayUnique1(arr) {
var result = [], hash = {};
for (var i = 0, elem; (elem = arr[i]) != null; i++) {
if (!hash[elem]) {
result.push(elem);
hash[elem] = true;
}
}
return result;
}
console.log(arrayUnique1(arr1));
运行结果如下:

对象数组按属性去重实现
JavaScript对象数组按属性去重实现
var arr2 = [
{ name: "name1", num: "1" },
{ name: "name2", num: "11" },
{ name: "name3", num: "12" },
{ name: "name4", num: "13" },
{ name: "name2", num: "1" },
{ name: "name6", num: "12" }
]
function arrayUnique2(arr, name) {
var hash = {};
return arr.reduce(function (item, next) {
hash[next[name]] ? '' : hash[next[name]] = true && item.push(next);
return item;
}, []);
}
console.log(arrayUnique2(arr2, "name"));
console.log(arrayUnique2(arr2, "num"));
运行结果如下:

此外,推荐以下在线工具辅助处理重复数据:
在线去除重复项工具: http://tools.jb51.net/code/quchong
在线文本去重复工具: http://tools.jb51.net/aideddesign/txt_quchong
如需了解更多JavaScript相关技巧,可参考本站专题:《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》。
希望上述内容对您的JavaScript编程工作有所帮助。
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
JavaScript新手常犯的编码错误与最佳实践指南
2026-11-04 22:12:38
