javascript将数组拼接成一个字符串
<p>这里记录下在JavaScript中如何将数组拼接成一个字符串。</p><p>所谓的将数组拼接成一个字符串，意思就是将数组中的元素逐个拼接到一个字符串中，并加以特定的分隔符。在JavaScript中可以有两种方式，一种是Array对象提供的join()方法，一种是Array对象提供的toString()方法。</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 255, 1)">var</span> arr = ['yanggb', 'yanggb1', 'yanggb2'];</pre>
</div>
<p><span style="background-color: rgba(204, 255, 204, 1)">arrayObject.join(separator)方法</span></p>
<p>Array对象提供的join()方法可以将数组中的元素逐个拼接到一个字符串中，默认以逗号分隔。</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 255, 1)">var</span> arrJoinString =<span style="color: rgba(0, 0, 0, 1)"> arr.join();
console.log(arrJoinString); </span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> "yanggb,yanggb1,yanggb2"</span></pre>
</div>
<p>此方法支持接收一个参数，参数内容为分隔符。</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 255, 1)">var</span> arrJoinString = arr.join('-'<span style="color: rgba(0, 0, 0, 1)">);
console.log(arrJoinString); </span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> "yanggb-yanggb1-yanggb2"</span></pre>
</div>
<p><span style="background-color: rgba(204, 255, 204, 1)">arrayObject.toString()方法</span></p>
<p>Array对象提供的join()方法可以将数组中的元素逐个拼接到一个字符串中，以逗号分隔，不支持自定义分隔符，除非重写该原型方法。</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 255, 1)">var</span> arrJoinString =<span style="color: rgba(0, 0, 0, 1)"> arr.toString();
console.log(arrJoinString); </span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> "yanggb,yanggb1,yanggb2"</span></pre>
</div>
<p>另外要注意的是，如果数组中包括了对象（非简单类型），那么调用这两个方法所出来的结果，无论该元素的内容是什么，都是显示字符串。</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 255, 1)">var</span> arr = [{yanggb: 'yanggb'}, 'yanggb1', 'yanggb2'<span style="color: rgba(0, 0, 0, 1)">];
console.log(arr.toString()); </span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> ",yanggb1,yanggb2"</span>
console.log(arr.join()); <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> ",yanggb1,yanggb2"</span></pre>
</div>
<p>在实际的场景中，join()方法使用得较多。</p>
<p> </p>
<p>"<span data-res-type="80" data-res-menu="true">别人稍一注意你，你就敞开心扉，你觉得这是坦率，其实这是孤独。</span>"</p>
</div>
<div id="MySignature" role="contentinfo">
你要去做一个大人，不要回头，不要难过。<br><br>
来源：https://www.cnblogs.com/yanggb/p/12179469.html
頁:
[1]