本文详细介绍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编程工作有所帮助。