向js数组中添加元素的3种方法

JavaScript023

向js数组中添加元素的3种方法,第1张

1、push() 结尾添加

数组.push(元素)

        参数                                         描述

newelement1必需。   要添加到数组的第一个元素。

newelement2可选。   要添加到数组的第二个元素。

newelementX可选。   可添加多个元素。

2、unshift() 头部添加

数组.unshift(元素)

       参数                                   描述

newelement1必需。    向数组添加的第一个元素。

newelement2可选。    向数组添加的第二个元素。

newelementX可选。    可添加若干个元素。

3、splice() 方法向/从数组指定位置添加/删除项目,然后返回被删除的项目。

          参数                           描述

index必需。                     整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

howmany必需。             要删除的项目数量。如果设置为 0,则不会删除项目。

item1, ..., itemX可选。   向数组添加的新项目。

js动态添加数组可以按下面的步骤:

1、在数组的开头添加新元素 - unshift()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add elements to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction()

{

var fruits = ["Banana", "Orange", "Apple", "Mango"]

fruits.unshift("Lemon","Pineapple")

var x=document.getElementById("demo")

x.innerHTML=fruits

}

</script>

<p><b>Note:</b>The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>

</body>

</html>

测试结果:

Lemon,Pineapple,Banana,Orange,Apple,Mango

2、在数组的第2位置添加一个元素 - splice()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add elements to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction()

{

var fruits = ["Banana", "Orange", "Apple", "Mango"]

fruits.splice(2,0,"Lemon","Kiwi")

var x=document.getElementById("demo")

x.innerHTML=fruits

}

</script>

</body>

</html> 

测试结果:

Banana,Orange,Lemon,Kiwi,Apple,Mango

3、数组的末尾添加新的元素 - push()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add a new element to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

var fruits = ["Banana", "Orange", "Apple", "Mango"]

function myFunction()

{

fruits.push("Kiwi")

var x=document.getElementById("demo")

x.innerHTML=fruits

}

</script>

</body>

</html>

测试结果:

Banana,Orange,Apple,Mango,Kiwi

一、概述

join( ) ————————数组转字符串

split( ) ———————–字符串转数组

push( ) ———————-将数据添加到数组尾部

pop( ) ———————–数组末尾移除最后一项

shift( ) ———————–删除原数组第一项

unshift( ) ——————–将数据添加到数组头部

sort( ) ————————按升序排列数组项

reverse( ) ——————–反转数组项的顺序

concat( ) ——————–多个数组合并,原数组不变

slice( ) ———————–返回开始下标到结束下标之间的项组成的新数组,原数组不变

splice( ) ———————-从数组中添加/删除项目,然后返回被删除的项目,改变原数组

二、定义和用法

1、join()

2、concat()

3、pop()

4、shift()

5、push()

6、unshift()

7、reverse()

8、slice()

9、splice()

10、toString()

11、sort()

12、includes()

13、forEach()

14、map()