JS数组常用必会方法
偶尔还能看看,以免回家种地[doge]
- concat() 连接两个或多个数组,并返回拼接后的数组。
let result = [1, 2, 3].concat([4, 5, 6])
console.log(result) // [1, 2, 3, 4, 5, 6]
- find() 返回数组中第一个满足条件的值。
let arr = [1, 2, 3, 4, 5, 6]
let item = arr.find(t => t > 5)
console.log(item) // 6
- findIndex() 返回数组中第一个满足条件的索引。
let arr = [22, 11, 33, 55, 44, 6]
let currentIndex = arr.findIndex(t => t === 6)
console.log(currentIndex) // 5
- every() 检查数组中的每个元素是否满足条件,全部满足返回true,一个不满足返回false。
let arr = [1, 2, 3, 4]
let bool = arr.every(t => t > 0)
console.log(bool) // true
- some() 检查数组中的某个元素是否满足条件,若有一个满足返回true。
let arr = [1, 2, 3, 4]
let bool = arr.some(t => t > 5)
console.log(bool) // false
- includes() 检查数组是否包含指定的元素。
let arr = [1,2,3,4]
let bool = arr.includes(3)
console.log(bool) // true
- map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
let arr = [1, 2, 3, 4]
let newArr = arr.map(t => t * 10)
console.log(newArr) // [10, 20, 30, 40]
- join() 将数组的所有元素连接成一个字符串。
// 元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。
let arr = [2, 0, 2, 2]
str1 = arr.join(',') // 2,0,2,2
str2 = arr.join('-') // 2-0-2-2
str3 = arr.join('') // 2022
- slice() 选择数组的一部分,并返回新数组。不更改原数组
let arr = ['a','b','c','d','e']
let newArr = arr.slice(1, 4) // 从索引1 开始,取到索引4 ,不含索引4 那一项
console.log(newArr) // ['b', 'c', 'd']
- splice() 从数组中添加/删除元素。更改原数组
let arr1 = [1, 2, 3, 4, 5]
let arr2 = [5, 6, 7, 8, 9]
arr1.splice(1, 3) // 从索引1 ,截取3个长度 ,总共截取[2,3,4],修改原数组
arr2.splice(1, 2, 666) // 把666 添加到截取的位置,参数可多个
console.log(arr1) // [1, 5]
console.log(arr2) // [5, 666, 8, 9]
- filter() 数组中通过条件的元素过滤成新数组。
let arr = ['1', 2, '3', 4, '5']
let result = arr.filter(t => typeof t === 'string')
console.log(result) // ['1', '3', '5']
- Array.from() 方法对一个类似数组或可迭代对象转换成一个新的数组。多用于类数组转换
let myArr = Array.from("ABCDEFG")
console.log(myArr) // ['A', 'B', 'C', 'D', 'E', 'F', 'G']