数组的四种常用方法
-
数组的常用的方法
-
concat()
-
是拼接数组
-
语法:数组.concat(数组,数据,数组)
-
作用:把所有参数内的数组或者数据追加到原始数组的最后面,如果参数是数组 那么拆开追加
-
返回值:拼接好的数组
-
注意:不会改变原始数组
var arr = [ 10, 20, 30 ] console.log(arr) var a2 = [ 40, 50, 60 ] var a3 = [ 70, 80, 90 ] var res = arr.concat(a2, a3) console.log(arr) console.log(res)
-
-
join()
-
链接数组
-
语法:数组.join(链接符号)
- 链接字符串如果不写,默认使用,
-
作用是:把数组内的每一项使用连续链接为一个字符串
-
返回值:是一个字符串类型
-
注意:不会改变原始数组
var arr = [ 2022, 2, 28 ] console.log(arr) var res = arr.join('^_^') console.log(arr) console.log(res) console.log(typeof res)
-
-
slice()
-
截取数组:
-
语法:数组.slice()(开始索引,结束索引)
-
特点:包前不包后
-
特点2;可以写负整数,就是倒着数第几个,等价length
-
负整数
-
开始索引不填写,默认是0
-
结束索不填写,默认是length
-
返回值:一个新的数组
-
里面存放的就是你截取出来的内容
-
注意:不会改变原数组
var arr = [ 10, 20, 30, 40, 50, 60, [70] ] // 0 1 2 3 4 5 console.log('原始数组 : ', arr) // 从 [2] 截取到 [5], 包含 [2] 不包含 [5] var res = arr.slice(2, 5) //从 [1] 截取到 [-1], 这里的 [-1] 等价于 arr.length + -1 var res = arr.slice(1, -1) var res = arr.slice() console.log(arr) console.log('返回值 : ', res) arr[2] = '修改一下' console.log(arr) console.log(res)
-
-
indexOf()
-
语法
-
数组.indexof(要查找的数据)
-
数组.indexof(要查找的数据,开始索引)
-
返回数值
-
从前向后索引,检查一个满足的数据
-
返回第一个满足的要求的数据的索引位置
-
如果这个数组返回的索引位置
-
如果没有这个数据返回-1
var arr = [ 10, 20, 30, 20, 10, 20, 30 ] console.log('原始数组 : ', arr) var res = arr.indexOf(20) // // 从 [2] 位置开始向后检索 var res = arr.indexOf(20, 2) console.log(res)
-
-
last indexOf()
-
语法
- 数组.lastindexOf(要查找的数据)
- 数组.lastindexof(要查找的数据,开始的索引)
-
返回值
-
从后向前索引 检索第一个满足要求的数据
-
返回第一个满足要求的数字据的索引位置
-
如果这个数据 返回的索引位置
-
如果没有这个数据的返回时-1
var arr = [ 10, 20, 30, 20, 10, 20, 30 ] console.log(arr) var res = arr.lastIndexOf(20) // 从 [4] 位置开始向前查找 var res = arr.lastIndexOf(20, 4) console.log(res)
-
-
-
数组的常用办法属性总结
- push()
- 返回的后面追加
- 返回值:追加后的数组的长度
- oPo()
- 后面删除
- 返回值:被删除的数据
- unShift()
- 前面添加
- 返回的:添加后的数据
- Shift()
- 前面删除
- 返回值:被删除的数据
- reverse()
- 数组的反转
- 返回的值:返转后的结果数组