js如何动态添加数组？

JavaScript017

js如何动态添加数组？,第1张

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

为了后端更好的处理数据，前端统一把数据放在一个数组里。那该如何存放在一个数组中呢？经过一方查找，测试得出如下：主要有两种方式：

通过合并（连接）现有数组来创建一个新数组

示例如下：

（在数组结尾处）向数组添加一个新的元素

示例如下：

打印结果如下：

如有其他需求可查询官方文档进行学习，对你有帮助的话 点个赞 在走吧

1、首先使用concat方法，用concat方法，concat()把两个或者多个数组链接在一起，但是不改变已经存在的数组，而是返回一个链接之后的新数组，vara=[1，2，3]，a.concat([4，5])，console.log(a)。

2、其次此处输出为[1，2，3]，vara=[1，2，3]，a=a.concat([4，51)，11console.log(a)，此处输出为[1，2，3，4，5]。

3、最后使用push方法，vararr1=[1，2，3]，vanarr2=[4，5]，或者改变原数组，arr1.push(arr2)。