在 JavaScript 中拆分字符串和去除周围的空格
要拆分字符串并去除周围的空格:
-
在字符串上调用
split()
方法。 -
调用
map()
方法迭代数组。 -
在每次迭代中,对字符串调用
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()
方法返回一个新数组,其中只包含满足条件的值。
相关文章
在 MochaJS 中 done 回调
发布时间:2023/03/06 浏览次数:182 分类:WEB前端
-
done 回调函数意味着我们的工作已经完成,我们将执行控制权交给 NodeJS 文件。本文展示了如何在 JavaScript 中使用 done 回调函数。
在 Python 中拆分具有多个分隔符的字符串
发布时间:2023/02/26 浏览次数:244 分类:编程语言
-
要使用多个定界符拆分字符串: 使用 re.split() 方法,例如 re.split(r,|-, my_str) 。 re.split() 方法将拆分所有出现的分隔符之一的字符串。 import re # ?️ 用 2 个分隔符拆分字符串 my_str = f
JavaScript 中的 Type Error (类型错误)与 Reference Error (引用错误)
发布时间:2023/02/23 浏览次数:207 分类:WEB前端
-
作为 JavaScript 开发人员,大家可能在编码时遇到过不同类型的错误。 大多数情况下,这些都是类型错误或引用错误。 但是你有没有想过它们是什么意思? 在解决这些错误之前,大家是
JavaScript中如何使用计算属性名称设置动态对象属性
发布时间:2023/02/23 浏览次数:177 分类:WEB前端
-
在 ES6 之前声明对象时,我们必须对属性使用静态键。 但是自从 ES6 发布后,就可以使用动态键了。 我将在本文中向大家展示它们的工作原理。 什么是静态和动态键? 静态键是什么意
JavaScript 中对象属性的点表示法与括号表示法——有什么区别?
发布时间:2023/02/23 浏览次数:170 分类:WEB前端
-
在 JavaScript 中有多种访问对象属性的方法。 但是两种常见的是点符号和括号符号。 我将在本文中解释这两种方法之间的区别。 使用点和括号表示法,我们可以: 通过键访问属性的值
如何使用 JavaScript 检查 DOM 元素是否存在
发布时间:2023/02/23 浏览次数:159 分类:WEB前端
-
检查 DOM 中是否不存在元素: 使用 getElementById 或 querySelector 方法来选择元素。 检查该值是否不等于 null。 如果该值不等于 null,则该元素存在于 DOM 中。 这是示例的 HTML。 !DOCTYPE html