JavaScript 数组 join() 方法

下面是Array join()方法的示例。

• 例子：

   
     function func() { 
        var a = [ 1, 2, 3, 4, 5, 6 ]; 
        document.write(a.join('|')); 
     } 
     func(); 
  < /script> 
  </code></pre></div></li><li><strong>输出：</strong> <div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace">1|2|3|4|5|6</code></pre></div></li></ul><p> <strong>arr.join()</strong>方法用于将数组的元素连接成一个字符串。字符串的元素将由指定的分隔符分隔，其默认值为逗号(,)。</p><p><strong>句法：</strong> </p><div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace">array.join(separator)</code></pre></div><p><strong>参数：</strong>此方法接受上面提到的单个参数，如下所述：</p><ul><li><strong>分隔符：</strong>可选，可以作为参数，也可以不作为参数，默认为逗号(,)。<p><strong>返回值：</strong>它返回包含数组元素集合的字符串。</p><p>下面的示例说明了 JavaScript 中的 Array join() 方法：</p><ul><li><strong>示例 1：</strong>在此示例中，函数join() 使用 '|' 将数组的元素连接成一个字符串。 <div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace">var a = [1, 2, 3, 4, 5, 6];
  print(a.join('|'));</code></pre></div><p><strong>输出：</strong> </p><div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace">1|2|3|4|5|6</code></pre></div></li><li><strong>示例 2：</strong>在此示例中，函数join() 使用 ', ' 将数组的元素连接成一个字符串，因为它是默认值。 <div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace">var a = [1, 2, 3, 4, 5, 6];
  print(a.join()); </code></pre></div><p><strong>输出：</strong> </p><div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace">1, 2, 3, 4, 5, 6</code></pre></div></li><li><strong>示例 3：</strong>在此示例中，函数join() 使用 ' ' （空字符串）将数组元素连接成一个字符串。 <div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace">var a = [1, 2, 3, 4, 5, 6];
  print(a.join(''));</code></pre></div><p><strong>输出：</strong> </p><div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace">123456</code></pre></div></li></ul><p>上述方法的代码如下：<br><strong>方案一：</strong> </p><div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace"><script> 
     function func() { 
        var a = [ 1, 2, 3, 4, 5, 6 ]; 
        document.write(a.join()); 
     } 
    
     func(); 
   

  输出：

  1, 2, 3, 4, 5, 6

  方案二：

   
     function func() { 
        var a = [ 1, 2, 3, 4, 5, 6 ]; 
        document.write(a.join('')); 
     } 
     func(); 
   

  输出：

  123456

  支持的浏览器： JavaScript Array join()方法支持的浏览器如下：

  • 谷歌浏览器 1.0 及以上
  • Microsoft Edge 12 及更高版本
  • 火狐浏览器 1.0
  • Safari 1 及以上
  • Opera 4 及以上