删除重复字符串 JavaScript

在JavaScript中，我们有许多种方法来删除重复的字符串。下面是一些实现的例子：

使用ES6 Set

ES6中的Set对象是一个集合，其中的项都是唯一的。我们可以利用这个特性来删除重复的字符串。下面是使用Set对象的代码：

// 创建一个包含重复字符串的数组
const arr = ['foo', 'bar', 'baz', 'foo', 'qux', 'bar'];

// 使用Set对象来过滤掉重复的字符串
const uniqueArr = [...new Set(arr)];

console.log(uniqueArr); // ['foo', 'bar', 'baz', 'qux']

使用Array.filter()

我们也可以使用JavaScript的Array.filter()方法来删除重复的字符串。这种方法比较直观，代码如下：

// 创建一个包含重复字符串的数组
const arr = ['foo', 'bar', 'baz', 'foo', 'qux', 'bar'];

// 使用Array.filter()方法来过滤掉重复的字符串
const uniqueArr = arr.filter((value, index, self) => {
  return self.indexOf(value) === index;
});

console.log(uniqueArr); // ['foo', 'bar', 'baz', 'qux']

使用Array.reduce()

我们还可以使用JavaScript的Array.reduce()方法来删除重复的字符串。这种方法会返回一个原数组的副本，其中的重复项会被删除。下面是使用Array.reduce()方法的代码：

// 创建一个包含重复字符串的数组
const arr = ['foo', 'bar', 'baz', 'foo', 'qux', 'bar'];

// 使用Array.reduce()方法来过滤掉重复的字符串
const uniqueArr = arr.reduce((acc, curr) => {
  if (acc.indexOf(curr) === -1) {
    acc.push(curr);
  }
  return acc;
}, []);

console.log(uniqueArr); // ['foo', 'bar', 'baz', 'qux']

总结

以上是一些在JavaScript中删除重复字符串的方法。我们可以根据自己的需求选择最适合的方法。如果我们的浏览器支持ES6，那么使用Set对象或使用Array.filter()方法都是不错的选择。如果我们需要更广泛的兼容性，那么使用Array.reduce()方法就比较可靠。