是高 發表於 2020-2-16 09:24:00

javascript数组添加元素的三种方式

<p>在Javascript中,向数组添加元素可以有三种方式。</p>
<p><span style="background-color: rgba(204, 255, 204, 1)">1.使用push()方法在数组的尾部添加元素。</span></p>
<div class="postBody">
<div id="cnblogs_post_body" class="blogpost-body ">
<div class="cnblogs_code">
<pre>arrayObject.push(newElement1, newElement2, ..., newElementX)</pre>
</div>
<table class="dataintable">
<tbody>
<tr><th>
<p>参数</p>
</th><th>
<p>描述</p>
</th></tr>
<tr>
<td>
<p>newElement1</p>
</td>
<td>
<p>必需。要添加到数组的第一个元素。</p>
</td>
</tr>
<tr>
<td>
<p>newElement2</p>
</td>
<td>
<p>可选。要添加到数组的第二个元素。</p>
</td>
</tr>
<tr>
<td>
<p>newElementX</p>
</td>
<td>
<p>可选。可添加多个元素。</p>
</td>
</tr>
</tbody>
</table>
<div class="cnblogs_code">
<pre>arr.push('yanggb'<span style="color: rgba(0, 0, 0, 1)">);
arr.push(</span>'yanggb1', 'yanggb2', 'yanggb3');</pre>
</div>
<p><span style="background-color: rgba(204, 255, 204, 1)">2.使用unshift()方法在数组的头部添加元素。</span></p>
<div class="cnblogs_code">
<pre>arrayObject.unshift(newElement1, newElement2, ..., newElementX)</pre>
</div>
<table class="dataintable">
<tbody>
<tr><th>
<p>参数</p>
</th><th>
<p>描述</p>
</th></tr>
<tr>
<td>
<p>newElement1</p>
</td>
<td>
<p>必需。向数组添加的第一个元素。</p>
</td>
</tr>
<tr>
<td>
<p>newElement2</p>
</td>
<td>
<p>可选。向数组添加的第二个元素。</p>
</td>
</tr>
<tr>
<td>
<p>newElementX</p>
</td>
<td>
<p>可选。可添加若干个元素。</p>
</td>
</tr>
</tbody>
</table>
<div class="cnblogs_code">
<pre>arr.unshift('yanggb'<span style="color: rgba(0, 0, 0, 1)">);
arr.unshift(</span>'yanggb1', 'yanggb2', 'yanggb3');</pre>
</div>
<p><span style="background-color: rgba(204, 255, 204, 1)">3.使用splice()方法在数组的指定位置添加/删除项目,然后返回被删除的项目。</span></p>
<div class="cnblogs_code">
<pre>arrayObject.splice(index, howmany, item1, ..., itemX)</pre>
</div>
<table class="dataintable">
<tbody>
<tr><th>
<p>参数</p>
</th><th>
<p>描述</p>
</th></tr>
<tr>
<td>
<p>index</p>
</td>
<td>
<p>必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。</p>
</td>
</tr>
<tr>
<td>
<p>howmany</p>
</td>
<td>
<p>必需。要删除的项目数量。如果设置为 0,则不会删除项目。</p>
</td>
</tr>
<tr>
<td>
<p>item1, ..., itemX</p>
</td>
<td>
<p>可选。向数组添加的新项目。</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>这个方法十分特殊,既可以用于删除元素,也可以用于添加元素,使用十分灵活。</p>
<div class="cnblogs_code">
<pre>arr.splice(0, 0, 'yanggb'<span style="color: rgba(0, 0, 0, 1)">);
arr.splice(</span>1, 0, 'yanggb1', 'yanggb2', 'yanggb3'<span style="color: rgba(0, 0, 0, 1)">);
arr.splice(</span>2, 1, 'yanggb4');<br>arr.splice(3, 1);</pre>
</div>
<p>事实上,这个方法只要被掌握好了,完全可以取代前面的两个方法。</p>
<p>&nbsp;</p>
<p>"说话要谨慎,因为有些话你一旦说了,就只能被原谅,而不会被遗忘。"</p>

</div>
<div id="MySignature" role="contentinfo">
    你要去做一个大人,不要回头,不要难过。<br><br>
来源:https://www.cnblogs.com/yanggb/p/12297733.html
頁: [1]
查看完整版本: javascript数组添加元素的三种方式