js数组添加新元素的方法有很多,今天就说三种在平时常用到的方法,需要用到js中的 push()、unshift()以及splice()三种JS方法。方法的调用很简单,基本上看过一眼就知道的怎么用了。

js数组结尾处添加新的元素

js push() 方法,将一个或多个元素添加到数组的结尾处,并返回新数组的长度。

语法:

数组.push(元素1,元素2,元素3,元素4......);

例:

<script>
array = new Array('1','2'); // 定义一个数组
array.push('3','4','5','6');
console.log(array);
</script>

打印结果:

["1", "2", "3", "4", "5", "6"]

js在数组头部添加元素

js中的 unshift() 方法可以将一个或多个新元素添加到数组的开头,然后返回新数组的长度

语法:

数组.unshift(元素1,元素2,元素3,元素4)

例:

<script>
array = new Array('a','b'); // 定义一个数组
array.unshift('c','d','e');
console.log(array);
</script>

打印结果:

["c", "d", "e", "a", "b"]

js splice()方法添加数组元素

js splice() 方法可以将一个或多个新元素添加到数组的指定位置,插入位置的元素自动后移,

语法:

数组.splice(index,howmany,item1,.....,itemN);

参数:

index:表示从哪里添加或者删除元素;

howmany:表示应该删除多少个元素,如为0就表示不删除元素;

item:表示要添加到数组的新元素。

示例1:

<script>
var arr = ["beijing", "shanghai", "shangdong"];
arr.splice(1,0,'hangzhou','hebei'); //从第一个元素的后面开始添加
console.log(arr);
</script>

打印结果:

["beijing", "hangzhou", "hebei", "shanghai", "shangdong"]

示例2:

<script>
var arr = ["beijing", "shanghai", "shangdong"];
arr.splice(-1,0,'hangzhou','hebei'); //从最后一个元素的前面开始添加
console.log(arr);
</script>

打印结果:

["beijing", "shanghai", "hangzhou", "hebei", "shangdong"]