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)。
