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.haodaima.com/code/quchong

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

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

到此这篇关于JS实现数组简单去重及数组根据对象中的元素去重操作示例就介绍到这了。你是唯一的,你是十分独特的,你就是你生命中的第一名。更多相关JS实现数组简单去重及数组根据对象中的元素去重操作示例内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
JS实现从对象获取对象中单个键值的方法示例

微信小程序事件对象中e.target和e.currentTarget的区别详解

js实现以最简单的方式将数组元素添加到对象中的方法

js简单遍历获取对象中的属性值的方法示例

Array数组对象中的forEach、map、filter及reduce详析