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 相关文章推荐
event.srcElement+表格应用
Aug 29 Javascript
Jquery ajaxsubmit上传图片实现代码
Nov 04 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 Javascript
js用Date对象的setDate()函数对日期进行加减操作
Sep 18 Javascript
jQuery.position()方法获取不到值的安全替换方法
Mar 13 Javascript
JavaScript 中 apply 、call 的详解
Mar 21 Javascript
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
原生JS封装animate运动框架的实例
Oct 12 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
Aug 25 Javascript
微信小程序渲染性能调优小结
Jul 30 Javascript
js实现简单扫雷
Nov 27 Javascript
vue中template的三种写法示例
Oct 21 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
全国中波电台频率表
2020/03/11 无线电
「OVERLORD」动画重要删减!雅儿贝德的背叛?至尊猎杀队结成
2020/04/09 日漫
ThinkPHP视图查询详解
2014/06/30 PHP
php新浪微博登录接口用法实例
2014/12/23 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
php+mysql实现的二级联动菜单效果详解
2016/05/10 PHP
PHP Ajax实现无刷新附件上传
2016/08/17 PHP
PHP编程计算日期间隔天数的方法
2017/04/26 PHP
jQuery示例收集
2010/11/05 Javascript
详解JS 比较两个Json对象的值是否相等的实例
2013/11/20 Javascript
JavaScript调试工具汇总
2014/12/23 Javascript
jQuery中的pushStack实现原理和应用实例
2015/02/03 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
2015/04/03 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
2017/12/23 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
Vue框架下引入ActiveX控件的问题解决
2019/03/25 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
ES6基础之字符串和函数的拓展详解
2019/08/22 Javascript
详解Vue 项目中的几个实用组件(ts)
2019/10/29 Javascript
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
[02:05]DOTA2完美大师赛趣味视频之看我表演
2017/11/18 DOTA
python主线程与子线程的结束顺序实例解析
2019/12/17 Python
Python-opencv 双线性插值实例
2020/01/17 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
工商管理系学生的自我评价分享
2013/11/29 职场文书
公司市场专员岗位职责
2014/06/29 职场文书
2014年学校领导班子对照检查材料
2014/09/19 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
教师读书活动心得体会
2016/01/14 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
python设置 matplotlib 正确显示中文的四种方式
2021/05/10 Python
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
MySQL中EXPLAIN语句及用法
2022/05/20 MySQL