欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-03 09:27:16
本文实例讲述了js实现数组简单去重及数组根据对象中的元素去重操作。分享给大家供大家参考,具体如下: js数组简单去重 var arr1 = [1, 2, 3,...

本文实例讲述了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实现数组简单去重及数组根据对象中的元素去重操作示例

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

结果:

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

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

在线去除重复项工具:

在线文本去重复工具:

更多关于javascript相关内容感兴趣的读者可查看本站专题:《javascript数组操作技巧总结》、《javascript排序算法总结》、《javascript数学运算用法总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》、《javascript查找算法技巧总结》及《javascript错误与调试技巧总结

希望本文所述对大家javascript程序设计有所帮助。