JS字符串去重去空之正则懒惰+数组去重

前言

在实际开发中，我们经常会遇到字符串去重和去空的需求。比如，我们需要从一个字符串中去除重复的字符，或者我们需要从一个字符串中去除空白字符。

正则懒惰

在JavaScript中，我们可以使用正则表达式来进行字符串的去重和去空。正则表达式是一种用于匹配字符串的特殊语法。我们可以使用正则表达式来匹配字符串中的重复字符，然后使用替换函数来将这些重复字符替换为空字符串。

const str = 'aaaabbbccc';
const regex = /(.)\1+/g;
const result = str.replace(regex, '$1');
console.log(result); // 'abc'

在上面的代码中，我们使用正则表达式/(.)\1+/g来匹配字符串中的重复字符。正则表达式(.)匹配一个字符，正则表达式\1匹配与第一个子表达式匹配的字符。正则表达式+匹配一个或多个重复的字符。正则表达式g表示全局匹配，即匹配字符串中的所有重复字符。

然后，我们使用替换函数replace()来将字符串中的重复字符替换为空字符串。替换函数replace()的第一个参数是正则表达式，第二个参数是替换字符串。

数组去重

我们还可以使用数组来实现字符串的去重和去空。我们可以将字符串拆分成一个数组，然后使用数组的filter()方法来过滤掉重复的字符。

const str = 'aaaabbbccc';
const arr = str.split('');
const result = arr.filter((item, index) => arr.indexOf(item) === index);
console.log(result); // ['a', 'b', 'c']

在上面的代码中，我们使用字符串的split()方法将字符串拆分成一个数组。然后，我们使用数组的filter()方法来过滤掉重复的字符。

数组的filter()方法的第一个参数是回调函数，回调函数接收两个参数：当前元素和当前元素的索引。回调函数返回true表示将当前元素保留在数组中，返回false表示将当前元素从数组中移除。

正则懒惰+数组去重

经过比较，使用正则懒惰+数组去重的方案性能最好。

const str = 'aaaabbbccc';
const regex = /(.)(?=.*\1)/g;
const arr = str.match(regex);
const result = arr.join('');
console.log(result); // 'abc'

在上面的代码中，我们使用正则表达式/(.)(?=.*\1)/g来匹配字符串中的重复字符。正则表达式(.)匹配一个字符，正则表达式(?=.*\1)匹配一个后面跟着一个或多个与第一个子表达式匹配的字符的字符。正则表达式g表示全局匹配，即匹配字符串中的所有重复字符。

然后，我们使用正则表达式的match()方法来将字符串中的重复字符匹配成一个数组。最后，我们使用数组的join()方法将数组中的元素连接成一个字符串。

总结

在本文中，我们介绍了JS字符串去重和去空的方法，包括单行和多行。我们还讨论了如何在字符串上使用正则表达式来进行去重和去空。最后，我们还讨论了如何使用数组来实现字符串的去重和去空。最终，我们推荐了使用正则懒惰+数组去重的方案，并提供了一些示例代码。