javascript中join方法实例讲解

2024-05-06 16:48:17

字体：大中小

来源：转载

供稿：网友

我们先来看一下Array.join()函数的基本语法

Array.join([separator])

separator表示用于分隔数组的每个元素的字符串。如果保留默认数组元素，请用逗号（，）分隔。

此函数返回通过使用分隔符连接数组的所有元素而创建的字符串。如果未提供分隔符，则使用逗号（，）连接数组元素，因为它是此函数的默认分隔符。如果提供空字符串作为分隔符，则元素将直接连接，而它们之间没有任何字符。如果array为空，则此函数返回空字符串。

下面我们来看具体的示例

例1：

代码如下

<!DOCTYPE html><html><head> <title></title></head><body><script> function func() {  var a = [ 1, 2, 3, 4, 5, 6 ];  document.write(a.join('|')); } func(); </script></body></html>

输出结果如下：1|2|3|4|5|6

例2：

代码如下

<!DOCTYPE html><html><head> <title></title></head><body><script> function func() { var a = [ 1, 2, 3, 4, 5, 6 ]; document.write(a.join()); }  func(); </script>  </body></html>

输出结果如下：1,2,3,4,5,6

例3：

代码如下

<!DOCTYPE html><html><head> <title></title></head><body><script> function func() { var a = [ 1, 2, 3, 4, 5, 6 ]; document.write(a.join('')); } func(); </script> </body></html>

输出结果如下：123456

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：React 组件渲染和更新的实现代码示例

下一篇：详解Puppeteer前端自动化测试实践