来自逗号分隔的字符串 JavaScript 的数组

在 JavaScript 中，一个常见的任务是将逗号分隔的字符串转换为数组。这个过程非常简单，可以使用内置的 split() 函数。

split() 函数

split() 函数将一个字符串拆分成一个数组，其中每个元素都由指定的分隔符分隔。例如，给定下面的字符串：

const str = 'apple, banana, orange';

要将这个字符串拆分成一个数组，可以使用 split() 函数：

const arr = str.split(', ');
console.log(arr); // ["apple", "banana", "orange"]

注意，在 split() 函数中，分隔符必须作为字符串参数传递。

处理空格

在上面的示例中，我们使用 ', ' 作为分隔符。这样我们就可以得到一个没有空格的数组。

如果我们想在字符串中包含空格，我们可以使用 ', ' 或者 ','（没有空格）作为分隔符。例如，给定下面的字符串：

const str = 'apple, banana, orange, pear';

如果我们使用 ', ' 作为分隔符，那么空格会被保留在数组元素中：

const arr = str.split(', ');
console.log(arr); // ["apple", "banana", "orange", "pear"]

如果我们使用 ',' 作为分隔符，那么空格会被去除：

const arr = str.split(',');
console.log(arr); // ["apple", " banana", " orange", " pear"]

过滤空元素

有时候字符串中可能包含两个分隔符之间没有任何文本的情况。例如，给定下面的字符串：

const str = 'apple, , orange, ';

由于第二个逗号之间没有任何文本，因此，使用 split() 函数将会在数组中产生一个空元素。

如果需要过滤掉这些空元素，可以使用数组的 filter() 遍历方法删除它们。例如，

const arr = str.split(',').filter(item => item.trim());
console.log(arr); // ["apple", "orange"]

总结

在 JavaScript 中，将逗号分隔的字符串转换为数组非常简单。只需要使用 split() 函数并指定分隔符，就可以将字符串转换为数组。如果需要保留空格，可以使用 ', ' 作为分隔符。如果需要过滤空元素，可以使用数组的 filter() 方法。