迹忆客 专注技术分享

要拆分字符串并去除周围的空格：

1. 在字符串上调用 split() 方法。
2. 调用 map() 方法迭代数组。
3. 在每次迭代中，对字符串调用 trim() 方法以删除周围的空格。

const str = 'one - two - three';

const result = str.split('-').map(element => element.trim());
console.log(result); // 👉️ ['one', 'two', 'three']

第一步是使用 String.split 方法将字符串拆分为数组。

我们传递给 split() 方法的唯一参数是我们要拆分字符串的分隔符。

const str = 'one - two - three';

// 👇️ ['one', 'two', 'three']
console.log(str.split('-'));

我们传递给 Array.map 方法的函数会针对数组中的每个元素（子字符串）进行调用。

在每次迭代中，我们使用 String.trim 方法从字符串中删除前导和尾随空格。

// 👇️ "abc"
console.log(' abc  '.trim());

map() 方法返回一个新数组，其中包含我们从回调函数返回的值。

我们可能需要处理一种边缘情况 - 可能有 2 个相同的分隔符彼此相邻。

在多个分隔符彼此相邻的情况下，我们会得到一堆空字符串。

// 👇️ ['one', '', ' two ', '', ' three']
console.log('one -- two -- three'.split('-'));

我们在每个连字符上拆分，但是有两个连字符彼此相邻，所以我们得到第二个连字符的空字符串。

为了处理这种情况，我们可以使用 Array.filter 方法从数组中过滤掉任何空字符串。

const str = ' one -- two -- three ';

const result = str
  .split('-')
  .map(element => element.trim())
  .filter(element => element !== '');

console.log(result); // 👉️ ['one', 'two', 'three']

我们传递给 filter() 方法的函数会为数组的每个元素调用。

在每次迭代中，我们检查元素是否不等于空字符串。

filter() 方法返回一个新数组，其中只包含满足条件的值。