欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js操作数组教程详解

程序员文章站 2022-04-07 10:57:58
...
一:数组元素的添加

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