`
yose
  • 浏览: 52164 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

JS 对象数组的元素删除,比较对象数组,删除重复对象

JavaScriptJ#HTML 
阅读更多 
<html>
    <body>

    <script type="text/javascript">

    var arr = new Array(6);
    arr[0] = {id:1, name:'exg'};
    arr[1] = {id:2, name:'aaa'};
    arr[2] = {id:3, name:'bbb'};
    arr[3] = {id:4, name:'ccc'};
    arr[4] = {id:5, name:'eee'};
    arr[5] = {id:6, name:'fff'};

    var existArr = new Array(2);
    existArr[0] = {id:1, name:'exg'};
    existArr[1] = {id:2, name:'aaa'};

    document.write('数组长度: ' + arr.length + '<br/>');
    for (var i=0; i<arr.length; i++) {
       document.write(arr[i].id + '     ' + arr[i].name + '<br/>');
    } 

    for (var i=0; i<arr.length; i++) {
       for (var j=0; j<existArr.length; j++) {
          if (arr[i].id == existArr[j].id) {
              arr.splice(i, 1);  
          }
       }
    }

    /*
    arr.splice(2,1);
    */
    document.write('<br />移除重复元素后<br/>');
    for (var i=0; i<arr.length; i++) {
       document.write(arr[i].id + '     ' + arr[i].name + '<br/>');
    }

    document.write('数组长度: ' + arr.length + '<br/>');


    </script>

    </body>
</html>

 这是本人自己在编写程序过程中的练习。

 实现了对一个对象数组的对象进行比较，并删除重复的对象。

希望对正在查找这问题的朋友有用！

分享到：
| DIV 显示边框 和 JS设置DIV可编辑，附送 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js从数组中删除指定值(不是指定位置)的元素实现代码

    在JavaScript中，删除数组中指定值的元素是数组操作中常见的一环。这里我们讨论的不是删除指定索引位置的元素，而是删除数组中所有匹配给定值的元素。这是一个实用的功能，可以让我们更加灵活地处理数组数据。 首先...

    vue中对象数组去重的实现

    我们经常需要处理对象数组的去重问题，尤其是当数组中存储的是对象时，不能直接使用JavaScript原生的`new Set()`方法去重，因为`new Set()`只适用于简单数据类型的元素，对于对象这样的复杂数据类型，它是根据内存...

    JavaScript移除数组内重复元素的方法

    JavaScript提供了多种方法来移除数组中的重复元素，常见的方法包括使用ES6的新特性如`Set`对象，以及传统的遍历方法。上述提供的示例代码采用了一种通过对象属性检测的方法来移除数组中的重复项。 首先，我们来理解...

    JavaScript对象与数组参考大全

    2. 长度：`length`属性表示数组元素个数。 3. 访问元素：通过索引访问，索引从0开始，如`arr[0]`。 4. 操作数组：`push()`, `pop()`, `shift()`, `unshift()`等方法用于在数组末尾/开头添加/删除元素。 5. 混合类型...

    javascript中数组删除指定的元素的代码示例

    总结来说，JavaScript中数组删除元素可以使用splice方法直接在原数组上操作删除特定元素，或者使用filter方法创建一个不包含特定元素的新数组。在小程序开发中，这两种方法可以结合页面数据和事件处理机制，实现用户...

    JS两个数组比较,删除重复值的巧妙方法(推荐)

    在JavaScript编程中，数组操作是常见的任务之一，其中包括比较两个数组并删除重复的值。传统的做法通常是通过循环遍历其中一个数组，然后在另一个数组中检查每个元素是否存在，如果不存在则将其添加到结果数组中。...

    JS实现合并两个数组并去除重复项只留一个的方法

    如果需要去除这种基于内容相同的重复对象，就需要实现一个深度比较函数来判断对象是否内容相同，然后根据比较结果决定是否去重。 总结来说，合并两个数组并去除重复项在JavaScript中可以通过多种方法实现，但需要...

    js操作两个json数组合并、去重，以及删除某一项元素

    两个json数组合并去重，以及删除某一项元素 let ha = [ {id:'H',name:'3'}, {id:'A',name:'6'}, {id:'B',name:'14'}, {id:'C',name:'60'} ]; let hb= [ {id:'H',name:'2'}, {id:'A',name:'6'}, {id:'B',...

    JavaScript基于对象去除数组重复项的方法

    1. **数组转对象**：将数组转换为JavaScript对象，数组的每个元素作为对象的键，值可以随意设置，通常设置为`true`表示该键存在。这样做的目的是利用对象的键唯一性，将重复的元素映射为同一个键。 ```javascript ...

    JS判断两个数组或对象是否相同的方法示例

    数组和对象作为JS中最基本的数据结构，它们的比较方法各有不同。具体到判断数组或对象的“相同”，通常涉及到是否包含相同的元素或属性以及这些元素或属性的排列顺序是否一致。 首先，判断两个数组是否相同，最简单...

    JavaScript中关于for循环删除数组元素内容时出现的问题

    本文将详细探讨在使用for循环删除数组元素时可能会遇到的问题，并提供解决方案。 在上文提到的代码例子中，创建了一个含有重复元素的数组var arr=[1,1,1,2,2];。接下来使用双重for循环试图去重，即比较相邻元素，...

    在javascript中，如果删除二维数组中重复的元素

    一种方法是逐行检查子数组，利用JavaScript的Set对象或通过循环遍历子数组的元素来发现并删除重复的元素。在每行中，我们可以创建一个Set来存储该行的元素，并在添加元素时检查这个元素是否已经存在于Set中。如果不...

    js 数组工具类 ArrayUtil

    JavaScript的数组没有内置的去重方法，但ArrayUtil可能提供了`unique`方法，通过遍历数组并比较元素来移除重复项。这通常可以通过ES6的Set数据结构或者双重循环实现。 3. **数组排序** (`sort`) `Array.prototype...

    js数组中删除重复值的代码小结

    此方法的核心在于利用数组元素的字符串形式进行比较。首先，将数组元素拼接成一个用逗号分隔的字符串，然后使用正则表达式进行匹配，如果当前元素不在结果字符串中，则将其添加进去。这是一个较为直观和简单的方法，...

    Javscript删除数组中指定元素并返回新数组

    在JavaScript中，数组是一种常用的数据结构，...这种方法基于数组遍历和元素比较，可以有效地满足删除特定元素的需求，同时保持了原数组的完整性。在实际应用中，开发者可以根据项目需求和性能考虑选择不同的实现方式。

    javascript 返回数组中不重复的元素

    ### JavaScript 实现返回数组中不重复的元素 在JavaScript中，有时我们需要处理包含重复项的数组，并希望从中提取出所有不重复的元素。这在数据处理、数组操作以及各种前端应用中非常常见。本文将详细介绍几种不同...

    js在数组中删除重复的元素自保留一个(两种实现思路)

    JavaScript中对象的属性名是唯一的，因此可以将数组元素作为对象的属性名，属性值设为 `1`，从而实现去重。由于对象的属性名可以自动覆盖相同的值，因此重复的属性名将不会被添加到对象中。 具体实现代码如下： ``...

    javascript删除数组重复元素的方法汇总

    在JavaScript中，删除数组重复元素是一个常见的编程任务，特别是在处理数据集合时。本文将介绍几种不同的方法来实现这个功能，并通过实例分析它们的工作原理。这些方法各有特点，适合不同的场景和需求。 首先，我们...

    js数组去重的N种方法(小结)

    在JavaScript中，数组去重是一个常见的需求，旨在从数组中删除重复的元素，仅保留唯一的元素。本文介绍了多种js数组去重的方法，并按照ES5和ES6的标准进行了区分。以下是对这些方法的知识点总结。 1. ES5 实现方法...

Magicbox
Global site tag (gtag.js) - Google Analytics