JavaScript

超轻量级php框架startmvc

JS实现数组简单去重及数组根据对象中的元素去重操作示例

更新时间:2020-06-23 01:00:01 作者:startmvc
本文实例讲述了JS实现数组简单去重及数组根据对象中的元素去重操作。分享给大家供大家

本文实例讲述了JS实现数组简单去重及数组根据对象中的元素去重操作。分享给大家供大家参考,具体如下:

js数组简单去重


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));

结果:

js数组根据对象中的元素去重


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"));

结果:

PS:这里再为大家提供几款去重复工具供大家参考使用:

在线去除重复项工具: http://tools.jb51.net/code/quchong

在线文本去重复工具: http://tools.jb51.net/aideddesign/txt_quchong

JS 数组 去重