js数组筛选唯一值

Html

Css

let numbers = [1, 2, 3, 2, 1, 4, 5, 4];

	
	
let simpleArray = [1, 2, 2, 3, 3, 3, 4, 5, 5];

//分三种方法：
//方法一： 利用es6的新特性Set实现
// 过滤简单类型（如数字或字符串）数组的唯一值
function uniqueArray(arr) {
    return [...new Set(arr)];
}

let numbers = [1, 2, 3, 2, 1, 4, 5, 4];
console.log(uniqueArray(numbers)); // 输出：[1, 2, 3, 4, 5]
document.getElementById("demo").innerHTML = uniqueArray(numbers);	
//方法二： 使用Array.prototype.filter() 配合indexOf()
// 过滤简单类型数组的唯一值
function uniqueValues(value, index, self) {
    return self.indexOf(value) === index;
}

let simpleArray = [1, 2, 2, 3, 3, 3, 4, 5, 5];
let uniqueSimpleArray = simpleArray.filter(uniqueValues);
console.log(uniqueSimpleArray); // 输出：[1, 2, 3, 4, 5]
document.getElementById("demo2").innerHTML = uniqueSimpleArray;	
// 注意这种方法对于对象数组去重可能无效，因为对象比较的是引用而非内容

//方法三： 自定义函数处理对象数组根据特定属性去重
// 过滤对象数组按特定属性（这里以"id"为例）去重
function uniqueObjectsById(arr) {
    const map = new Map();
    return arr.filter(obj => !map.has(obj.id) && map.set(obj.id, true));
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

js数组筛选唯一值



代码描述：使用js筛选数组唯一值

更新时间：2024-04-07 08:45:48
对于对象数组，可以通过创建map结构，利用其键的唯一性对数组进行过滤去重，确保根据指定属性（如"id"）具有唯一性的对象只保留一个实例。

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

RandomLife

相关代码

js数组筛选唯一值

最新