当前位置:Gxlcms > JavaScript > js操作数组教程详解

js操作数组教程详解

时间:2021-07-01 10:21:17 帮助过:17人阅读

一:数组元素的添加

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操作数组教程详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行