Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js filter去重

作者:▄对对碰   发布日期:2026-05-27   浏览:65

// 使用 JavaScript 的 filter 方法结合 Set 去重

const array = [1, 2, 2, 3, 4, 4, 5];

const uniqueArray = array.filter((item, index) => {
  // 利用 Set 来检查元素是否第一次出现
  return array.indexOf(item) === index;
});

console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

// 或者使用更简洁的方式,结合 Set 和展开运算符
const uniqueArrayWithSet = [...new Set(array)];

console.log(uniqueArrayWithSet); // 输出: [1, 2, 3, 4, 5]

解释说明:

  1. filter 方法filter 是一个数组方法,它会创建一个新数组,其中包含通过测试的所有元素。这里我们使用 indexOf 来确保每个元素只保留第一次出现的位置。

  2. Set 对象Set 是 ES6 引入的一种新的数据结构,它可以存储唯一的值。因此,我们可以利用 Set 来轻松去重。将数组转换为 Set 后再转回数组,就可以得到一个去重后的数组。

  3. 简洁方式:第二种方法直接使用 Set 和展开运算符 ...,更加简洁高效。

上一篇:js map filter

下一篇:js filter方法

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站