如何使用JavaScriptArrayjoin和reduceRight方法介绍

  英文|

  译文 | 杨小爱

  在上节，我们学习如何使用 JavaScript Array reduce() 和 reduceRight() 方法将数组归约为一个值，错过的小伙伴可以点击文章《》进行学习。

  如何使用JavaScriptArrayjoin和reduceRight方法介绍

  那么，在今天的教程中js替换字符串中的字符js替换字符串中的字符，我们将一起来学习如何使用JavaScript Array join()方法将数组的所有元素连接成由分隔符分隔的字符串。

  JavaScript 数组 join() 方法介绍

  join() 方法允许我们连接数组的所有元素并返回一个新字符串：

  

Array.prototype.join([separator])
  join() 方法接受一个可选的参数分隔符，它是一个字符串，用于分隔结果字符串中数组的每对相邻元素。
  如果我们不将分隔符传递给 join() 方法，则分隔符默认为逗号。
  如果数组有一个元素，则 join() 方法将该元素作为字符串返回，而不使用分隔符。
  如果数组为空，则 join() 方法返回一个空字符串。
  如何使用JavaScriptArrayjoin和reduceRight方法介绍
  当数组的元素不是字符串时，join() 方法在加入之前将它们转换为字符串。
  请注意，join() 方法将 undefined、null 和空数组 [] 转换为空字符串。
  JavaScript 数组 join() 方法示例
  让我们举一些使用 join() 方法的例子。
  1) 使用 JavaScript Array join() 方法加入 CSS 类
  以下示例使用 JavaScript Array join() 方法加入 CSS 类：
  
https://www.veimoz.com/1483' title='通过js对数组和对象数组的排序的代码实例教程注意' target='_blank'javascript/a" style="font-family: monospace, monospace;font-size: 16px;border-width: 0px;border-style: initial;border-color: initial;color: rgb(33, 37, 41);text-align: start;background-color: rgb(255, 255, 255);">
const cssClasses = ['btn', 'btn-primary', 'btn-active'];`const btnClass = cssClasses.join(' '); console.log(btnClass);`
  输出：
  
btn btn-primary btn-active
  在这个例子中，我们有一个包含 CSS 类列表的数组。我们使用 join() 方法连接 cssClasses 数组的所有元素，并返回一个由空格分隔的 CSS 类字符串。
  2) 使用 JavaScript Array join() 方法替换所有出现的字符串
  此示例使用 JavaScript Array join() 方法将所有出现的空格 ' ' 替换为连字符 (-)：
  
const title = 'JavaScript array join example';`const url = title.split(' ') .join('-') .toLowerCase(); console.log(url);`
 
 
TAGS：JavaScript 数组 分隔符 js替换字符串中的字符 js替换指定位置字符 js向html中传入字符 
 
 !如链接失效请在下方留言。本站所有资源均来源于网络，版权属于原作者!仅供学习参考，本站不对您的使用负任何责任。如果有侵权之处请第一时间联系我们删除，敬请谅解!