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复制功能调用实现方案
Dec 13 Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
Dec 14 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 Javascript
Vue.js教程之计算属性
Nov 11 Javascript
JS图片轮播与索引变色功能实例详解
Jul 06 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
基于iview的router常用控制方式
May 30 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
详解Vue 的异常处理机制
Nov 30 Vue.js
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
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
php Static关键字实用方法
2010/06/04 PHP
Erlang的运算符(比较运算符,数值运算符,移位运算符,逻辑运算符)
2012/07/23 PHP
CURL的学习和应用(附多线程实现)
2013/06/03 PHP
PHP empty函数报错解决办法
2014/03/06 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
PHP类和对象相关系统函数与运算符小结
2016/09/28 PHP
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
2016/05/10 Javascript
jquery siblings获取同辈元素用法实例分析
2016/07/25 Javascript
javascript跨域请求包装函数与用法示例
2016/11/03 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
2018/04/27 Javascript
Angular通过指令动态添加组件问题
2018/07/09 Javascript
解决vue路由后界面没有变化,但是链接有的问题
2018/09/01 Javascript
node和vue实现商城用户地址模块
2018/12/05 Javascript
js tab栏切换代码实例解析
2019/09/03 Javascript
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
Python描述器descriptor详解
2015/02/03 Python
TensorFlow平台下Python实现神经网络
2018/03/10 Python
Python面向对象程序设计之继承与多继承用法分析
2018/07/13 Python
Selenium定位元素操作示例
2018/08/10 Python
pyside+pyqt实现鼠标右键菜单功能
2020/12/08 Python
意大利团购网站:Groupon意大利
2016/10/11 全球购物
硅酸盐工业控制专业应届生求职信
2013/11/02 职场文书
信息管理员岗位职责
2013/12/01 职场文书
2014年端午节活动方案
2014/03/11 职场文书
政府领导干部个人对照检查材料思想汇报
2014/09/24 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
召开会议通知范文
2015/04/15 职场文书
感恩教育主题班会
2015/08/12 职场文书
合作意向书怎么写
2019/06/24 职场文书