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基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
Aug 05 Javascript
用JavaScript编写COM组件的步骤
Mar 17 Javascript
JavaScript 应用技巧集合[推荐]
Aug 30 Javascript
jQuery学习基础知识小结
Nov 25 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
May 10 Javascript
jQuery Tools tooltip使用说明
Jul 14 Javascript
原生JS实现美图瀑布流布局赏析
Sep 07 Javascript
js实现跨域的多种方法
Dec 25 Javascript
JQuery EasyUI的使用
Feb 24 Javascript
jquery+json实现分页效果
Mar 07 Javascript
每周一练 之 数据结构与算法(Stack)
Apr 16 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 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为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
PHP Error与Logging函数的深入理解
2013/06/03 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
简短几句jquery代码的实现一个图片向上滚动切换
2011/09/02 Javascript
Jquery自定义button按钮的几种方法
2014/06/11 Javascript
Javascript实现前端简单的路由实例
2016/09/11 Javascript
JS调用打印机功能简单示例
2016/11/28 Javascript
fullCalendar中文API官方文档
2017/02/07 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
2017/06/02 jQuery
js实现canvas图片与img图片的相互转换的示例
2017/08/31 Javascript
JS中图片压缩的方法小结
2017/11/14 Javascript
支付宝小程序tabbar底部导航
2018/11/06 Javascript
Vue组件间通信 Vuex的用法解析
2019/08/05 Javascript
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
微信小程序使用GoEasy实现websocket实时通讯
2020/05/19 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
[01:10]DOTA2亚洲邀请赛 征战号角响彻全场
2015/01/06 DOTA
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
python实现猜数字游戏
2020/03/25 Python
python 求定积分和不定积分示例
2019/11/20 Python
python实现梯度下降和逻辑回归
2020/03/24 Python
python 利用百度API识别图片文字(多线程版)
2020/12/14 Python
CSS3悬停效果案例应用
2012/11/21 HTML / CSS
捷克家具销售网站:SCONTO Nábytek
2020/01/02 全球购物
C语言编程练习
2012/04/02 面试题
优秀的导游求职信范文
2014/04/06 职场文书
微笑服务演讲稿
2014/05/13 职场文书
会议欢迎标语
2014/06/30 职场文书
论语读书笔记
2015/06/26 职场文书
初中语文教学反思范文
2016/03/03 职场文书