js常用数组方法

浮生醉清风304

已于 2024-06-01 10:45:57 修改

阅读量1.1k

点赞数 18

文章标签： javascript 开发语言 ecmascript

于 2024-05-24 18:05:41 首次发布

本文链接：https://blog.csdn.net/qq_68971977/article/details/139174896

版权

1.arr.push() -末尾添加

该方法可以向数组末尾添加一个或多个元素，并返回数组新的长度
可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到元素的末尾
原数组会发生变化

var arr = [ 1, 2, 3, 4 ]

arr.push(5)

console.log(arr) // [ 1, 2, 3, 4, 5 ]

2.arr.unshift() -开头添加

向数组开头添加一个或者多个元素，并返回新的数组长度
向前边插入元素后，其他的元素索引会依次调整
原数组会发生变化

var arr = [1, 2, 3, 4]

arr.unshift(0)

console.log(arr) // [ 0, 1, 2, 3, 4 ]

3.arr.pop() -删除最后一个

该方法可以删除数组的最后一个元素 ,一次就删除一个元素
pop()没有参数
将被删除的元素作为返回值返回
原数组会发生变化

var arr = [1, 2, 3, 4]

arr.pop()

console.log(arr) // [ 1, 2, 3 ]

4.arr.shift() -删除第一个

可以删除数组的第一个元素，一次就删除一个元素
shift()没有参数
被删除的元素作为返回值返回
原数组会发生变化

var arr = [1, 2, 3, 4]

arr.shift()

console.log(arr) // [ 2, 3, 4 ]

5.arr.forEach() -遍历数组

遍历数组
数组中有几个元素函数就执行几次,每次执行时，浏览器会将遍历到的元素，

以实参的形式传递进来，我们可以来定义行参，来读取这些内容
有三个参数：

第一个参数：就是当前正在遍历的元素

第二个参数：就是当前正在遍历的元素的索引

第三个参数：就是当前正在遍历的数组

var arr = [1, 2, 3, 4]

arr.forEach(function (item, value, array) {

console.log(item); // 1 2 3 4

console.log(value); // 0 1 2 3

console.log(array); // 会打印四遍 [1, 2, 3, 4]

})

6.arr.map() -遍历数组

映射数组(遍历数组),有return 返回一个新数组。
参数：
value --当前索引的值

index --索引

array --原数组

var arr = [1, 2, 3, 4, 5]

var newArr = arr.map(function (item) {

return item += 2

})

console.log(newArr); // [ 3, 4, 5 , 6, 7 ]

7.arr.slice() -截取指定元素

可以用来从数组提取指定元素
不会改变元素原数组，而是将截取到的元素封装到一个新数组中返回
可以写两个参数：

1:截取开始的位置的索引,包含开始索引

2:截取结束的位置的索引，不包含结束索引
第二个参数，可以省略不写，此时会截取从开始索引往后的所有元素
索引可以传递一个负值，如果传递一个负值，则从后往前计算

如：-1:倒数第一个,-2:倒数第二个

var arr = [1, 2, 3, 4]

var newArr = arr.slice(0, 2)

console.log(arr); // [1, 2, 3, 4]

console.log(newArr); // [1, 2]

8.arr.splice() -删除指定元素

可以用来删除数组中的指定元素
会影响到原数组，会将指定元素从原数组中删除,并将删除的元素作为返回值返回
参数：

第一个，表示开始位置的索引

第二个，表示删除的数量

第三个及以后...

可以传递一些新的元素，这些元素将会自动插入到

开始位置，索引前边

var arr = [1, 2, 3, 4]

arr.splice(0, 2)

console.log(arr); // [3, 4]

9.arr.indexOf() -查找元素

返回在数组中可以找到的一个给定元素的第一个索引，如果不存在，则返回-1
它只返回第一个满足条件的索引号

var arr = [1, 2, 3, 4]

var index1 = arr.indexOf(3)

var index2 = arr.indexOf(99)

console.log(index1); // 2

console.log(index2); // -1

10.arr.lastIndexOf() -查找元素

和arr.indexOf()的功能一样，只不过是从后往前查找

var arr = [1, 2, 3, 4]

var index1 = arr.indexOf(3)

var index2 = arr.indexOf(99)

console.log(index1); // 2

console.log(index2); // -1

11.arr.concat() -合并数组

可以合并两个或多个数组，并将新的数组返回，也可以传其他数据类型
该方法不会对原数组产生影响

var arr1 = [1, 2, 3, 4]

var arr2 = [6, 7, 8, 9]

var arr3 = arr1.concat(arr2)

console.log(arr3); // [1, 2, 3, 4, 6, 7, 8, 9]

12.arr.join() -数组转成字符串

该方法可以将数组转成一个字符串
该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回
在join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符

如果不指定连接符，则默认使用“，”，作为连接符

var arr = [1, 2, 3, 4]

var str = arr.join('')

console.log(str); // 1234

13.arr.split() -字符串转数组

使用指定的分隔符字符串将一个String对象分割成子字符串数组
以一个指定的分割字串来决定每个拆分的位置

var str = "red,orange,yellow"

var arr = str.split(',')

console.log(arr); // [ 'red', 'orange', 'yellow' ]

14.arr.reverse() -反转数组

该方法用来反转数组（前边的去后边，后边的去前边）
该方法会直接修改原数组！

var arr = [1, 2, 3, 4, 5]

arr.reverse()

console.log(arr); // [ 5, 4, 3, 2, 1 ]

15.arr.sort() -排序

可以用来对数组中的元素进行排序
会影响原数组，默认会按照Unicode编码进行排序
可以在sort()添加回调函数，来制定排序规则
如果需要升序，则返回a-b
如果需要降序排列，则返回b-a

var arr = [3, 6, 2, 8, 5, 4]

arr.sort(function (a, b) {

return a - b // 升序（从小到大）

})

console.log(arr); // [ 2,3,4,5,6,8 ]

var arr = [3, 6, 2, 8, 5, 4]

arr.sort(function (a, b) {

return b - a // 降序（从大到小）

})

console.log(arr); // [ 8,6,5,4,3,2 ]