千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 如何在JavaScript中的字符串的字符之间添加空格

如何在JavaScript中的字符串的字符之间添加空格

来源:千锋教育
发布人:wjy
时间: 2023-01-06 11:13:00 1672974780

  在今天的文章中,我们将学习如何轻松地在 JavaScript 中的字符串字符之间包含空格。

  1.String split() 和 Split join() 方法

  要在字符串的字符之间添加空格,请对字符串调用 split() 方法以获取字符数组,然后对该数组调用 join() 方法以使用空格分隔符连接字符。

  例如:

如何在 JavaScript 中的字符串的字符之间添加空格1

  String split() 方法使用指定的分隔符将字符串拆分为子字符串数组。

如何在 JavaScript 中的字符串的字符之间添加空格2

  通过使用空字符串 ('') 作为分隔符,我们将所有字符串字符拆分为单独的数组元素。

如何在 JavaScript 中的字符串的字符之间添加空格3

  String join() 方法将数组中的每个字符串与分隔符组合在一起。 它返回一个包含串联数组元素的新字符串。

如何在 JavaScript 中的字符串的字符之间添加空格4

  因此,将空格字符传递给 join() 会在生成的连接中用空格分隔字符。

  在某些情况下,字符串已经在某些字符之间包含空格。 在这种情况下,我们的方法会在字符之间添加更多的空格。

如何在 JavaScript 中的字符串的字符之间添加空格5

  这是因为空格 (' ') 也是一个字符,就像一个字母,调用 split() 会使它成为数组中的一个单独元素,该元素将与其他空格组合。

如何在 JavaScript 中的字符串的字符之间添加空格6

  如果我们想避免字符的多重间距,我们可以在 split() 和 join() 之间插入对 filter() 方法的调用。

如何在 JavaScript 中的字符串的字符之间添加空格7

  Array filter() 方法返回一个新数组,其中仅包含原始数组中的元素,从传递给 filter() 的测试回调函数返回真值。 在空格 (' ') 上调用 trim() 会产生一个空字符串 (''),这在 JavaScript 中不是真值。 因此,从 filter() 返回的结果数组中排除了空格。

  小技巧:

  在 JavaScript 中,只有六个假值:false、null、undefined、0、' '(空字符串)和 NaN。 其他所有值都是真实的。

  2.for…of 循环

  对于命令的方法,我们可以使用 JavaScript for...of 循环在字符串的字符之间添加一个空格。

如何在 JavaScript 中的字符串的字符之间添加空格8

  要处理前面讨论的情况,其中字符串在某些字符之间有空格,请在每次迭代的字符上调用 trim(),并添加一个 if 检查以确保它是真实的,然后再将它和空格添加到累积结果中:

如何在 JavaScript 中的字符串的字符之间添加空格9

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT
开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区
  • 南昌校区
  • 哈尔滨校区