JS数组中对象去重操作示例

2024-04-07 02:13:30

本文实例讲述了JS数组中对象去重操作。分享给大家供大家参考，具体如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net js数组中对象去重</title>
</head>
<body>
<script>
  var tmp =
    [
      {
        "id": 1,
        "magicId": "111111111111111111",
        "username": "longzhoufeng",
      },
      {
        "id": 2,
        "magicId": "333333333333333333",
        "username": "longzhoufeng",
      },
      {
        "id": 3,
        "magicId": "555555555555555555",
        "username": "longzhoufeng",
      },
      {
        "id": 4,
        "magicId": "666666666666666666",
        "username": "longzhoufeng",
      }
    ]
  var result = [];
  var full = {};
  for(var i = 0; i < tmp.length; i++) {
    var aaa = tmp[i].magicId;
    var bbb = tmp[i].id;
    if(!full[aaa]) {
      if(!full[bbb]) {
        var obj = {}
        obj.id = tmp[i].id;
        obj.magicId = tmp[i].magicId;
        result.push(obj)
        full[bbb] = true;
      }
      full[aaa] = true;
    }
  }
  console.log(full)
  console.log(result)
</script>
</body>
</html>

运行结果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

PS：这里再为大家提供几款相关工具供大家参考使用：

在线去除重复项工具：
http://tools.jb51.net/code/quchong

在线文本去重复工具：
http://tools.jb51.net/aideddesign/txt_quchong

更多关于JavaScript相关内容还可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

JS实现数组简单去重及数组根据对象中的元素去重操作示例

本文实例讲述了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); ha
JS实现数组去重方法总结(六种方法)

方法一: 双层循环,外层循环元素,内层循环时比较值如果有相同的值则跳过,不相同则push进数组 Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i < len; i++){ for(j = i + 1; j < len; j++){ if(arr[i] === arr[j]){ j = ++i; } } result.push(arr[
js中数组对象去重的两种方法

方法一: 采用对象访问属性的方法,判断属性值是否存在,如果不存在就添加. 方法二: 采用数组中的reduce方法,遍历数组,也是通过对象访问属性的方法 var arr = [{ key: '01', value: '乐乐' }, { key: '02', value: '博博' }, { key: '03', value: '淘淘' },{ key: '04', value: '哈哈' },{ key: '01', value: '乐乐' }]; // 方法1:利用对象访问属性的方法,判断对象中
js实现数组去重、判断数组以及对象中的内容是否相同

复制代码代码如下: /* *数组元素去重 */ if(typeof Array.prototype.distinct != "function"){ Array.prototype.distinct = function(){ this.sort(); for(var i=0;i<this.length-1;i++){ if($.isPlainObject(this[i]) && $.isPlainObject(this[i+1])){ if(o2o(this[
JavaScript基于对象方法实现数组去重及排序操作示例

本文实例讲述了JavaScript基于对象方法实现数组去重及排序操作.分享给大家供大家参考,具体如下: <script> //用对象方法实现数组去重 Array.prototype.unique = function() { var newArr = []; for (var i = 0; i < this.length; i++) { if(newArr.indexOf(this[i]) == -1){ newArr.push(this[i]); } } return newArr;
JS实现数组去重及数组内对象去重功能示例

本文实例讲述了JS实现数组去重及数组内对象去重功能.分享给大家供大家参考,具体如下: 大家在写项目的时候一定遇到过这种逻辑需求,就是给一个数组进行去重处理,还有一种就是给数组内的对象根据某一个属性,比如id,进行去重,下面我写了两个函数,都是可以达到这个效果的,一个是纯ES5的去重办法,一个是用了ES6的 Array.from(new Set())和ES5的reduce来进行去重我先定义两个数组吧 var arr = [1,2,3,5,3,4,5,6,6,"test","t
js取两个数组的交集|差集|并集|补集|去重示例代码

复制代码代码如下: /** * each是一个集合迭代函数,它接受一个函数作为参数和一组可选的参数 * 这个迭代函数依次将集合的每一个元素和可选参数用函数进行计算,并将计算得的结果集返回 {%example <script> var a = [1,2,3,4].each(function(x){return x > 2 ? x : null}); var b = [1,2,3,4].each(function(x){return x < 0 ? x : null}); alert
JS实现的Object数组去重功能示例【数组成员为Object对象】

本文实例讲述了JS实现的Object数组去重功能.分享给大家供大家参考,具体如下: 目标:实现成员为 Object 的数组的去重. 注意,这里的数组成员为 Object,而不是数值或者字符串. 调用方法: arr = distinct_arr_element(arr); 函数: /* * 在数组中去除重复项() */ var distinct_arr_element = function( arr ){ if( !arr ) return null ; var resultArr = []; $
史上最全JavaScript数组去重的十种方法（推荐）

一.前言: 我们在实际工作中,或者在面试找工作时,都会用到或者被问到一个问题,那就是"数组如何去重".是的,这个问题有很多种解决方案,看看下面的十种方式吧! 二.数组去重方式大汇总: Methods 1: 思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中. function unique(arr){ var res = [arr[0]]; for(var i=1; i<arr.length; i++){ var repea
JS数组中对象去重操作示例

本文实例讲述了JS数组中对象去重操作.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net js数组中对象去重</title> </head> <body> <script> var tmp = [ { "
JS实现根据指定值删除数组中的元素操作示例

本文实例讲述了JS实现根据指定值删除数组中的元素操作.分享给大家供大家参考,具体如下: 解决问题: 1 .JS判断元素是否在数组内 2. JS根据指定值删除数组中的元素要点:相当于jquery 的 $.inArray() 这个方法原生js 如果想删除数组,有一个函数 splice() ~~ 删除元素,并向数组添加新元素. 这个货是根据数组内的下标也就是索引来删除元素的比如: var arrList = ['a','b','c','d']; arrList.splice(2,1);
JS实现的对象去重功能示例

本文实例讲述了JS实现的对象去重功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net js 对象去重</title> </head> <body> <script> var obj = [ {year: '20
PHP实现数组和对象的相互转换操作示例

本文实例讲述了PHP实现数组和对象的相互转换操作.分享给大家供大家参考,具体如下: 关于php中想让对象以数组的形式访问,这时候就需要使用到get_object_vars()函数了.先来介绍一下这个函数. 官方文档是这样解释的: array get_object_vars ( object $obj ) 返回由 obj 指定的对象中定义的属性组成的关联数组. 举一个栗子: <?php class Point2D { var $x, $y; var $label; function Point2D
JS实现查找数组中对象的属性值是否存在示例

本文实例讲述了JS实现查找数组中对象的属性值是否存在.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var studentsArray = [ { "
JS 数组和对象的深拷贝操作示例

本文实例讲述了JS 数组和对象的深拷贝操作.分享给大家供大家参考,具体如下: 一.数组的深拷贝 let arr = [ undefined, function(){ console.log(123); }, true, null, { name:"123", age:23 } ]; // arr作为拷贝对象 1. Array.from() Array.from()能将一个类数组转化成一个真正的数组,因此它返回的是一个新数组. let arr1 = Array.from(arr); ar
前端进阶JS数组高级用法大全教程示例

目录 1.批量制造数据 2.数组合并去重 3.创建数组的几种方式 4.类数组常见的类数组判断是否是类数组类数组如何转换为数组如何让类数组使用上数组丰富的内建方法类数组和数组的区别 5.数组方法的使用注意事项数组的长度数组的空元素 empty 基于值进行运算,空位的值作为undefined join和toString,空位怎么处理数组不会自动添加分号 indexOf与includes 数组可变长度问题数组查找和过滤改变自身的方法 delete误区 push vs concat
javascript中关于去重操作的使用

目录前言: 核心的基本算法数据去重的基本用法 1.数组去重 2.字符串去重 3.数字去重最后前言: 前端开发里面,在JS中关于数据去重操作的使用是非常常用,也是非常重要的点,一般情况下关于对数组去重点操作是最常用的,其次是具体的关于某一数据类型的去重操作,如字符串去重.数字去重等.那么本篇博文就来分享一下去重操作的使用,方便后期查阅使用. 核心的基本算法遍历拿到的数据数组,然后把该数组中的元素存放到新的数组中,在存放到新数组之前要检查数组的元素是否已经存在,如果存在(相同元素,即重复元

JS数组中对象去重操作示例

相关推荐

随机推荐