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 相关文章推荐
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
Apr 20 Javascript
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
Mar 16 Javascript
Javascript 中的 && 和 || 使用小结
Apr 25 Javascript
查看大图功能代码jquery版
Nov 05 Javascript
js中对象的声明方式以及数组的一些用法示例
Dec 11 Javascript
JQuery中extend使用介绍
Mar 13 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
Oct 20 Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 Javascript
BootStrapTable 单选及取值的实现方法
Jan 10 Javascript
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
vue中路由参数传递可能会遇到的坑
Dec 07 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缓存技术的使用说明
2011/08/06 PHP
PHP使用ffmpeg给视频增加字幕显示的方法
2015/03/12 PHP
通过jquery 获取URL参数并进行转码
2014/08/18 Javascript
JQuery设置时间段下拉选择实例
2014/12/30 Javascript
JavaScript中扩展Array contains方法实例
2020/08/23 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
ES6所改良的javascript“缺陷”问题
2016/08/23 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
bootstrap组件之导航组件使用方法
2017/01/19 Javascript
js+css3实现旋转效果
2017/01/20 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
jquery将json转为数据字典的实例代码
2019/10/11 jQuery
Vue axios获取token临时令牌封装案例
2020/09/11 Javascript
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
python中sys.argv参数用法实例分析
2015/05/20 Python
python读取TXT到数组及列表去重后按原来顺序排序的方法
2015/06/26 Python
详解pyqt5 动画在QThread线程中无法运行问题
2018/05/05 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
python ETL工具 pyetl
2020/06/07 Python
Python使用xpath实现图片爬取
2020/09/16 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
联想马亚西亚官方网站:Lenovo Malaysia
2018/09/19 全球购物
英国家居用品和家居装饰品购物网站:Cox & Cox
2019/08/25 全球购物
AURALog面试题软件测试方面
2013/10/22 面试题
教师开学感言
2014/02/14 职场文书
安踏广告词改编版
2014/03/21 职场文书
倡议书作文
2015/01/19 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
Mysql MVCC机制原理详解
2021/04/20 MySQL
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS