117.info
人生若只如初见

js复杂数组去重的方法有哪些

在JavaScript中,有多种方法可以对复杂数组进行去重。

  1. 使用Set对象:Set对象是ES6中引入的一种新的数据结构,它允许存储任何类型的唯一值。可以将复杂数组转换为Set对象,然后再将其转换回数组,即可实现数组去重。
let arr = [{id: 1}, {id: 2}, {id: 1}, {id: 3}];
let uniqueArr = [...new Set(arr.map(JSON.stringify))].map(JSON.parse);
console.log(uniqueArr);
  1. 使用filter()方法和indexOf()方法:通过遍历数组,使用indexOf()方法检查元素在数组中的位置,并将不重复的元素筛选出来。
let arr = [{id: 1}, {id: 2}, {id: 1}, {id: 3}];
let uniqueArr = arr.filter((item, index) => {
return arr.findIndex(obj => JSON.stringify(obj) === JSON.stringify(item)) === index;
});
console.log(uniqueArr);
  1. 使用reduce()方法:使用reduce()方法遍历数组,将不重复的元素存储在一个新的数组中。
let arr = [{id: 1}, {id: 2}, {id: 1}, {id: 3}];
let uniqueArr = arr.reduce((result, item) => {
const index = result.findIndex(obj => JSON.stringify(obj) === JSON.stringify(item));
if (index === -1) {
result.push(item);
}
return result;
}, []);
console.log(uniqueArr);

以上是几种常用的方法,可以根据具体情况选择适合的方法进行数组去重。

未经允许不得转载 » 本文链接:https://www.117.info/ask/fe610AzsLCQZWA1A.html

推荐文章

  • js数据库怎样保证数据一致性

    在JavaScript中,要确保数据库数据的一致性,可以采用以下几种方法: 使用事务(Transactions):事务是数据库管理系统中的一个重要概念,它可以在多个操作中确保...

  • js数据库能进行事务操作吗

    JavaScript 数据库,通常指的是在浏览器环境中运行的 IndexedDB,它是一个事务型数据库系统。IndexedDB 支持事务(Transaction),允许你在多个对象存储(object...

  • js数据库支持哪些数据类型

    JavaScript 数据库(通常指 JavaScript 运行时环境中的数据库,如 IndexedDB、WebSQL 等)支持多种数据类型,以满足不同应用程序的需求。以下是一些常见的数据类...

  • js数据库如何处理大量数据

    处理大量数据时,JavaScript 数据库(如 IndexedDB)的性能可能会受到影响。以下是一些建议,可以帮助您优化 JavaScript 数据库在处理大量数据时的性能: 使用索...

  • VueJS是什么

    VueJS是一种用于构建用户界面的JavaScript框架。它是一种渐进式框架,可以逐步采用其特性,也可以与现有项目进行整合。VueJS通过使用组件化的方式,让开发者可以...

  • qt进程通信的方法有哪几种

    通常情况下,Qt进程之间的通信可以通过以下几种方法实现: 信号与槽机制(Signal and Slot Mechanism):Qt中的信号与槽机制是一种异步的、松耦合的通信方式。一...

  • jquery对象访问的方法有哪些

    jQuery对象访问的方法有很多,以下是一些常用的方法: .html():获取或设置元素的HTML内容。 .text():获取或设置元素的纯文本内容。 .val():获取或设置表单元素...

  • vue绑定事件的方法有哪些

    Vue 绑定事件的方法有以下几种: 使用 v-on 指令:通过 v-on 指令可以将 DOM 事件绑定到 Vue 实例的方法上。例如,可以通过 v-on:click="handleClick" 将 click ...