js操作数组教程详解

一：数组元素的添加

1：push

var f1=[1,2,3]
f1.push(4,5)
console.log(f1) //[1,2,3,4,5]

2:unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

var f1=[1,2,3]f1.unshift(4,5)
console.log(f1) //[4,5,1,2,3]

3:splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目

(1)删除

var f1=[1,2,3,4,5,6,7]f1.splice(4,2)
console.log(f1) //[1, 2, 3, 4, 7]

(2)删除并添加

var f1=[1,2,3,4,5,6]
f1.splice(1,2,'h')
console.log(f1) //[1, "h", 4, 5, 6]

二：数组元素的删除

1：pop(); //移除最后一个元素并返回该元素值

 f1=[1,2,3,4,5,6

2:shift(); //移除最前一个元素并返回该元素值，数组中元素自动前移

var f1=[1,2,3,4,5,6]
console.log(f1.shift()) //1
console.log(f1) //[2, 3, 4, 5, 6]

3:splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素

见上一数组元素的添加3

三：元素的截取和合并

1:slice(start, end); //以数组的形式返回数组的一部分，注意不包括 end 对应的元素，如果省略 end 将复制 start 之后的所有元素

var f1=[1,2,3,4,5,6]
console.log(f1.slice(3)) //[4, 5, 6]console.log(f1)  //[1,2, 3, 4, 5, 6] 不会改变数组   splice 会该变原数组

2:concat() 方法用于连接两个或多个数组。

var f1=[1,2];var f2=[3,4]
console.log(f1.concat(f2)) //[1, 2, 3, 4]

四：数组的拷贝

1，slice(0); //返回数组的拷贝数组，注意是一个新的数组，不是指向
2，concat(); //返回数组的拷贝数组，注意是一个新的数组，不是指向

五：数组元素的字符串化

join(separator); //返回字符串，这个字符串将数组的每一个元素值连接在一起，中间用 separator 隔开。

var f1=['apple','banner','orange']
console.log(f1.join()) //apple,banner,orange

以上就是js操作数组教程详解的详细内容，更多请关注其它相关文章！