js数组的操作方法

Posted 2022-01-06 anjing940

一、push()方法

向数组的末尾添加元素返回值为当前操作的数组的操作以后的长度

1  var arr=[2,3,4,5,6,6];
2  arr.push(8,9);//push 添加到数组末尾
3  console.log(arr)//[ 2, 3, 4, 5, 6, 6, 8, 9 ]

二、pop()方法

删除数组的最后一项,并返回删除元素的值；如果数组为空则返回undefine

1  var arr=[1,4,5,6,7,8,9];
2  arr.pop();    //pop 删除数组末尾数据
3  var a=arr.pop();
4  console.log(arr)//[ 1, 4, 5, 6, 7  ]
5  console.log(a) //8

三、unshift()方法

 向数组的前面添加元素返回值为当前操作的数组的操作以后的长度

1  var arr=[1,4,5,6,7,8,9];
2  arr.unshift(0,1,3)//unshift 添加到数组前面
3  console.log(arr)//[ 0, 1, 3, 1, 4, 5, 6, 7, 8, 9 ]

四、shitf()方法

删除第一项,并返回删除元素的值；如果数组为空则返回undefine

1  var arr=[1,4,5,6,7,8,9];
2  arr.shift()   //shift 删除数组前面数据
3  console.log(arr)//[ 4, 5, 6, 7, 8, 9 ]

五、join()  方法

分割数组，(把数组转换为字符串)并返回字符串，原数组未变, join([每个字符直接的分割符号，默认值为","])

1  var arr=[1,4,5,6,7,8,9];
2  var b=arr.join()  //分割数组,但原数组不会发生改变
3  console.log(b)// 1,4,5,6,7,8,9

六、split()方法

split根据特定的字符串切分成数组

1  var a=‘a-j-k-j-k-k-k‘;
2  var b=a.split(‘-‘) 
3  console.log(b)//[ ‘a‘, ‘j‘, ‘k‘, ‘j‘, ‘k‘, ‘k‘, ‘k‘ ]

七、reverse()方法

数组翻转并返回翻转后的原数组，原数组翻转了

1  var arr=[1,4,5,6,7,8,9];
2  arr.reverse(); //反转数组
3  console.log(arr)//[ 9, 8, 7, 6, 5, 4, 1 ]

八、IndexOf()方法

接受两个参数第一个是要查找的值，第二个是要从哪个位置开始。

数组元素索引 并返回元素索引，不存在返回-1,索引从0开始

1  var arr=[1,4,5,6,7,8,9];
2  var b=arr.indexOf(5,2)
3  console.log(b)//2

九、concat()方法

数组合并，返回合并后的新数组元素不变

1  var arr=[1,4,5,6,7,8,9];
2  var a=[‘a‘,‘b‘,‘c‘]
3  var b=arr.concat(a)//将两个数组合并,返回合并后的新数组元素不变
4  console.log(b)//[ 1, 4, 5, 6, 7, 8, 9, ‘a‘, ‘b‘, ‘c‘ ]

十、slice()方法

截取(切片)数组得到截取的数组。

返回从原数组中指定开始索引(包含)到结束索引(不包含)之间的项组成的新数组,原数组为变 ，索引从0开始

slice(start,[end])

如果没有end则从开始取到数组结尾

如果start大于end则返回空数组

1  var a = [1,2,3,4,5,6];
2  var b = a.slice(0,3)//从坐标为0的数开始截取到坐标为3的数字之间的数字
3  console.log(b)//[1,2,3]
4  var c = a.slice(3)//当只有一个参数的时候，就代表从该参数的坐标开始截取到数组末尾
5  console.log(c)//[ 4, 5, 6 ]

十一、splice()方法

会改变原数组，对原数组进行增删改查

 1  var a1 = [‘a‘,‘b‘,‘c‘];
 2  var b1 = a1.splice(1,1,‘e‘,‘f‘)//把坐标为1的数组抽离出来，替换成后面的两个数字，而b1就等于抽离的数字
 3  console.log(a1);//[‘a‘,‘e‘,‘f‘,‘c‘]
 4  console.log(b1);//[‘b‘]
 5 
 6  var a2 = [‘a‘,‘b‘,‘c‘];
 7  var b2 = a2.splice(0,1,‘e‘,‘f‘);//把坐标为0的数字抽离出来，替换成后面的数字，而b2就等于抽离的数字
 8 
 9  console.log(a2);//[ ‘e‘, ‘f‘, ‘b‘, ‘c‘ ]
10  console.log(b2);//[ ‘a‘ ]
11 
12  var a3 = [‘a‘,‘b‘,‘c‘,‘d‘];//
13  var b3 = a3.splice(0,2,‘e‘,‘f‘)//从坐标为0的数字开始选两位
14 
15  console.log(a3);//[‘e‘,‘f‘,‘c‘,‘d‘]
16  console.log(b3);//[‘a‘,‘b‘]