JavaScript对象数组去重与删除方法

本文主要讨论了在JavaScript中如何处理数组，特别是当数组中存储的对象时，如何进行去重和删除特定属性的操作。提供了四种不同的方法，包括使用jQuery的`$.unique`函数、`$.grep`函数，以及两种自定义的JavaScript函数。 ### 1. 数组去重 - 使用jQuery的`$.unique`函数 在JavaScript中，当数组包含重复的基本类型（如字符串或数字）时，可以使用jQuery库的`$.unique`函数来去除重复项。例如： ```javascript var yearArray = ["a", "b", "c", "d", "a", "b", "a", "b", "a", "b"]; yearArray = $.unique(yearArray); console.log(yearArray); // ["a", "b", "c", "d"] ``` ### 2. 数组过滤元素 - 使用`$.grep`函数 `$.grep`函数允许你根据提供的回调函数过滤数组中的元素。下面的例子展示了如何删除所有小于或等于2的元素： ```javascript var arr = $.grep([0, 1, 2, 3, 4, 5, 6], function(n, i) { return n > 2; }); console.log(arr); // [3, 4, 5, 6] ``` ### 3. 删除数组中对象的特定属性匹配项 如果你的数组包含对象，并且需要删除具有特定属性值的对象，可以遍历数组并使用`splice`方法移除匹配的元素。例如，删除所有`id`为2的对象： ```javascript var ary = [{ id: 1, name: "b" }, { id: 2, name: "b" }]; for (var i = ary.length - 1; i > 0; i--) { if (ary[i].id === 2) { ary.splice(i, 1); } } console.log(ary); // [{ id: 1, name: "b" }] ``` ### 4. 对象数组去重 - 自定义JavaScript函数 当数组中的元素是对象时，去重变得复杂，因为需要考虑对象的所有属性。以下是一种基于哈希表的方法，通过创建一个对象作为哈希表记录每个对象的值和类型，以实现去重： ```javascript function unique2(array) { var n = {}, r = [], len = array.length, val, type; for (var i = 0; i < array.length; i++) { val = array[i]; type = typeof val; if (!n[val]) { n[val] = [type]; r.push(val); } else if (n[val].indexOf(type) < 0) { n[val].push(type); r.push(val); } } return r; } // 示例 var objArray = [{ id: 1, name: "a" }, { id: 2, name: "b" }, { id: 1, name: "a" }]; var uniqueObjArray = unique2(objArray.map(JSON.stringify)); // 将对象转为字符串后再去重，因为对象不能直接作为哈希表的键 console.log(uniqueObjArray); // [{"id":1,"name":"a"},{"id":2,"name":"b"}] ``` 以上方法适用于基本类型和简单对象的去重。对于更复杂的对象，可能需要考虑使用深比较或者其他更高级的策略。在实际应用中，根据具体需求选择合适的方法，或者结合多种方法以达到最佳性能和效果。