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 处理Iframe自适应高度(同或不同域名下)
Mar 29 Javascript
详解iframe与frame的区别
Jan 13 Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
Jun 09 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
Nov 20 Javascript
Vue实现用户自定义字段显示数据的方法
Aug 28 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 14 Javascript
vue-cli点击实现全屏功能
Mar 07 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
Jul 27 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计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
jQuery 使用手册(二)
2009/09/23 Javascript
extjs中grid中嵌入动态combobox的应用
2011/01/01 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
使用ajaxfileupload.js实现ajax上传文件php版
2014/06/26 Javascript
Javascript实现div的toggle效果实例分析
2015/06/09 Javascript
理解Angular数据双向绑定
2016/01/10 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
Node.js 文件夹目录结构创建实例代码
2016/07/08 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
Form表单按回车自动提交表单的实现方法
2016/11/18 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
HTML的select控件美化
2017/03/27 Javascript
详解vue模拟加载更多功能(数据追加)
2017/06/23 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
PyTorch线性回归和逻辑回归实战示例
2018/05/22 Python
Python 类的特殊成员解析
2018/06/20 Python
对python特殊函数 __call__()的使用详解
2019/07/02 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
python函数的作用域及关键字详解
2019/08/20 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
python matplotlib 绘图 和 dpi对应关系详解
2020/03/14 Python
pytorch SENet实现案例
2020/06/24 Python
python 基于opencv 实现一个鼠标绘图小程序
2020/12/11 Python
使用CSS3的rem属性制作响应式页面布局的要点解析
2016/05/24 HTML / CSS
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
2014/03/07 HTML / CSS
轻化专业学生实习自我鉴定
2013/09/20 职场文书
皮肤科医师岗位职责
2013/12/04 职场文书
医院院务公开实施方案
2014/05/03 职场文书
班风学风建设方案
2014/05/06 职场文书
2015关于重阳节的演讲稿
2015/03/20 职场文书
停发工资证明范本
2015/06/12 职场文书