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判断机器是否联网的2种方法
Aug 09 Javascript
js动态添加表格数据使用insertRow和insertCell实现
May 22 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
Dec 01 Javascript
详解JavaScript的表达式与运算符
Nov 30 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
Dec 03 Javascript
js表单验证实例讲解
Mar 31 Javascript
webpack构建vue项目的详细教程(配置篇)
Jul 17 Javascript
vue中页面跳转拦截器的实现方法
Aug 23 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
Feb 10 Javascript
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
vue悬浮可拖拽悬浮按钮的实例代码
Aug 20 Javascript
vue实现两个组件之间数据共享和修改操作
Nov 12 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
全国FM电台频率大全 - 28 甘肃省
2020/03/11 无线电
BBS(php & mysql)完整版(三)
2006/10/09 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
前端必学之PHP语法基础
2016/01/01 PHP
thinkphp3.x中变量的获取和过滤方法详解
2016/05/20 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
浅析PHP echo 和 print 语句
2020/06/30 PHP
一些技巧性实用js代码小结
2009/10/14 Javascript
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
JavaScript实现的日期控件具体代码
2013/11/18 Javascript
js获取当前路径的简单示例代码
2014/01/08 Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
2015/01/13 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
简单的js表格操作
2016/09/24 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
vue-cli如何快速构建vue项目
2017/04/26 Javascript
解决vue build打包之后首页白屏的问题
2018/03/06 Javascript
从零开始搭建webpack+react开发环境的详细步骤
2018/05/18 Javascript
Vue监听事件实现计数点击依次增加的方法
2018/09/26 Javascript
js简单的分页器插件代码实例
2019/09/11 Javascript
详解JavaScript 高阶函数
2020/09/14 Javascript
实例讲解python函数式编程
2014/06/09 Python
学习和使用python的13个理由
2019/07/30 Python
PyQt 图解Qt Designer工具的使用方法
2019/08/06 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
美国老牌主机服务商:iPage
2016/07/22 全球购物
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
C#实现对任一张表的数据进行增,删,改,查要求,运用Webservice,体现出三层架构
2014/07/11 面试题
财务会计人员岗位职责
2013/11/30 职场文书
保安部任务及岗位职责
2014/02/25 职场文书
2014年村计划生育工作总结
2014/11/14 职场文书
采购员岗位职责
2015/02/03 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技