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


Posted in Javascript onJanuary 05, 2018

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

Javascript 相关文章推荐
简介JavaScript中strike()方法的使用
Jun 08 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
Sep 15 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
jQuery 操作input中radio的技巧
Jul 18 Javascript
微信小程序 本地数据存储实例详解
Apr 13 Javascript
详解用vue.js和laravel实现微信授权登陆
Jun 23 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
Mar 01 Javascript
JavaScript惰性载入函数实例分析
Mar 27 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
Aug 12 Javascript
js实现单元格拖拽效果
Feb 10 Javascript
微信小程序实现多图上传
Jun 19 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
Aug 07 Javascript
vue 中directive功能的简单实现
Jan 05 #Javascript
浅谈React前后端同构防止重复渲染
Jan 05 #Javascript
使用vue实现grid-layout功能实例代码
Jan 05 #Javascript
详解为Bootstrap Modal添加拖拽的方法
Jan 05 #Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 #Javascript
Vue组件的使用教程详解
Jan 05 #Javascript
基于three.js编写的一个项目类示例代码
Jan 05 #Javascript
You might like
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
js 获取元素在页面上的偏移量的方法汇总
2015/04/13 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
js利用clipboardData实现截屏粘贴功能
2016/10/12 Javascript
Vue.use源码分析
2017/04/22 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
Vue组件库发布到npm详解
2018/02/17 Javascript
js监听html页面的上下滚动事件方法
2018/09/11 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
小程序使用分包的示例代码
2020/03/23 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
Vue父子之间值传递的实例教程
2020/07/02 Javascript
python实现每次处理一个字符的三种方法
2014/10/09 Python
python通过函数属性实现全局变量的方法
2015/05/16 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
淘宝秒杀python脚本 扫码登录版
2019/09/19 Python
pycharm设置当前工作目录的操作(working directory)
2020/02/14 Python
python等差数列求和公式前 100 项的和实例
2020/02/25 Python
keras中的History对象用法
2020/06/19 Python
如何利用python读取micaps文件详解
2020/10/18 Python
师德师风承诺书
2014/05/23 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
民事辩护词范文
2015/05/21 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python
JavaScript中isPrototypeOf函数
2021/11/07 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
2022/08/05 Vue.js