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 相关文章推荐
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
避免 showModalDialog 弹出新窗体的原因分析
May 31 Javascript
jquery移动listbox的值原理及代码
May 03 Javascript
JavaScript数组去重的3种方法和代码实例
Jul 01 Javascript
JavaScript函数内部属性和函数方法实例详解
Mar 17 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
Feb 15 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
Jul 12 Javascript
微信小程序实现animation动画
Jan 26 Javascript
详解Node 定时器
Feb 26 Javascript
浅谈小程序 setData学问多
Feb 20 Javascript
node.js中express模块创建服务器和http模块客户端发请求
Mar 06 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
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
PHP面向对象概念
2011/11/06 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
鼠标事件延时切换插件
2011/03/12 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
2012/12/25 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
jquery中的on方法使用介绍
2013/12/29 Javascript
JavaScript+html5 canvas绘制的小人效果
2016/01/27 Javascript
jQuery实现Select左右复制移动内容
2016/08/05 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
微信小程序实现点击图片旋转180度并且弹出下拉列表
2018/11/27 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
2019/04/11 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
TypeScript之调用栈的实现
2019/12/31 Javascript
python mysqldb连接数据库
2009/03/16 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
Python中支持向量机SVM的使用方法详解
2017/12/26 Python
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
Python不同目录间进行模块调用的实现方法
2019/01/29 Python
python jenkins 打包构建代码的示例代码
2019/11/29 Python
python飞机大战pygame游戏背景设计详解
2019/12/17 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
Python的Tqdm模块实现进度条配置
2021/02/24 Python
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
亿企通软件测试面试题
2012/04/10 面试题
学校介绍信范文
2014/01/14 职场文书
岗位说明书范文
2014/05/07 职场文书
小学安全教育月活动总结
2014/07/07 职场文书
工伤事故赔偿协议书(标准)
2014/09/29 职场文书
党员教师四风自我剖析材料
2014/09/30 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
windows11选中自动复制怎么开启? Win11自动复制所选内容的方法
2022/07/23 数码科技