如何从JavaScript数组和字符串中删除重复值-js教程-PHP中文网

如何从JavaScript数组和字符串中删除重复值

花韻仙語

发布： 2025-02-08 08:53:06

原创

1129人浏览过

如何从javascript数组和字符串中删除重复值

在JavaScript应用开发中，重复数据问题时常出现，例如用户列表中的重复名称或句子中的重复单词。本文将介绍几种高效移除JavaScript数组和字符串中重复值的方法，并分析其优缺点及应用场景。

从数组中删除重复项

方法一：使用Set对象

Set对象是处理重复数据的利器，其特性是不允许重复值。

立即学习“Java免费学习笔记（深入）”；

const numbers = [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers = [...new Set(numbers)];
console.log(uniqueNumbers); // [1, 2, 3, 4, 5]

登录后复制

优点：简洁高效，易于理解。缺点：仅适用于原始数据类型（字符串、数字、布尔值）。

方法二：使用filter()和indexOf()

filter()方法结合indexOf()方法可以实现重复项的过滤。

const words = ["apple", "banana", "apple", "orange", "banana"];
const uniqueWords = words.filter((item, index) => words.indexOf(item) === index);
console.log(uniqueWords); // ["apple", "banana", "orange"]

登录后复制

优点：适用于原始数据类型。缺点：效率低于Set方法，尤其在大数组中表现更差。

方法三：使用reduce()方法

reduce()方法提供更精细的控制。

const numbers = [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers = numbers.reduce((acc, curr) => {
  if (!acc.includes(curr)) acc.push(curr);
  return acc;
}, []);
console.log(uniqueNumbers); // [1, 2, 3, 4, 5]

登录后复制

优点：对输出结果的控制更灵活。

从字符串中删除重复项

方法一：利用Set对象

字符串可先转换为数组，再利用Set对象处理。

const str = "hello world";
const uniqueStr = [...new Set(str)].join("");
console.log(uniqueStr); // "helo wrd"

登录后复制

优点：简洁快速。缺点：会移除空格等字符。

方法二：删除重复单词

针对删除重复单词而非字符的情况：

const sentence = "JavaScript is fun and JavaScript is powerful";
const uniqueSentence = [...new Set(sentence.split(" "))].join(" ");
console.log(uniqueSentence); // "JavaScript is fun and powerful"

登录后复制

优点：可处理单词级别的重复。缺点：区分大小写。

处理特殊情况