数组方法大集合【JS深入知识汇点13】

162 阅读4分钟

在开发中,我们难以避免会对一些数组进行加工处理,现在我们就要对这些数组的方法大集合

Array

Array.from()

从一个类似数组或可迭代对象中,创建一个新的、浅拷贝的数组实例

Array.isArray()

用于确定传递的值是否是一个数组

Array.of()

创建一个具有可变数量参数的新数组实例,而不考虑参数的数量或类型

Array.of(1,2,3)   // [1, 2, 3]

Array.prototype

concat

concat() 方法用于合并两个或多个数组,此方法不改变原数组,而是返回一个新数组

copyWithin

copyWithin(target, start, end) 方法浅拷贝数组的一部分到同一个数组中的另一个位置,并返回它,不会改变原数组的长度,但会改变原数组

const arr = ['a', 'b', 'c', 'd', 'e']
console.log(arr.copyWithin(0, 3, 4)) // ['d', 'b', 'c', 'd', 'e']

entries

entries() 方法会返回一个新的 Array 迭代对象,它的原型上有一个 next 方法,用于遍历迭代器取得原数组的 [key, value]

const arr = ['a', 'b', 'c']
const iterator1 = arr.entries();
console.log(iterator1.next().value) // [0, 'a']
console.log(iterator1.next().value) // [1, 'b']

keys

keys() 方法就返回一个包含数组中每个索引键的 Array Iterator 对象

values

values() 方法返回一个包含数组中每个索引值的 Array Iterator 对象

every

every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试,它返回一个布尔值

fill

fill(value,start,end) 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素,不包括终止索引。会改变原数组

const array1 = [1, 2, 3, 4]
console.log(array1.fill(0, 2, 4)) // [1, 2, 0, 0]
console.log(array1.fill(6, 1)) // [1, 6, 6, 6]

filter

filter() 方法创建一个新数组,包含通过满足所提供函数的所有元素。

find

find() 方法返回数组中满足所提供函数的第一个元素,否则返回 undefined

findIndex

findIndex() 方法返回数组中满足提供函数的第一个元素的索引,否则返回 -1

flat

flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子元素中的元素合并成一个新数组返回。

flatMap

flatMap() 方法首先使用映射函数映射每个元素,然后将结果压缩成一个新数组(flat 是 1 )。

forEach

forEach() 方法对数组的每个元素执行一次给定的函数

includes

includes() 方法用来判断一个数组是否包含一个指定的值,如果包含则返回 true,否则返回 false

indexOf

indexOf() 方法返回在数组中可以找到给定元素的第一个索引,如果不存在则返回 -1

join

join() 方法将一个数组的所有成员连接成一个字符串并返回这个字符串。

lastIndexOf

lastIndexOf(searchKey, fromIndex) 方法返回指定元素在数组中的最后一个的索引,如果不存在就返回 - 1,从 fromIndex 开始。

map

map() 方法创建一个新数组,其结果是该数组中的每个元素调用一次提供的函数后的返回值。

pop

pop() 方法从数组中删除最后一个元素,并返回该元素的值。

push

push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度

reduce

reduce() 方法对数组中的每个元素执行一个 redcuder 函数,将其结果汇总为单个返回值

const array1 = [1, 2, 3, 4, 5]
const reducer = (acc, cur) => acc + cur;
console.log(array1.reduce(reducer)) // 15

reduceRight

reduceRight() 方法对数组中的每个元素执行一个 redcuder 函数(从右到左),将其结果汇总为单个返回值

reverse

reverse() 方法将数组中元素的位置颠倒,并返回该数组。

shift

shift() 方法从数组中删除第一个元素,并且返回该元素的值

slice

slice() 方法返回一个新的数组对象,该队像是由 begin 和 end 决定的原数组的浅拷贝。原数组不会被改变

splice

splice(start, deleteCount, item1, item2) 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组的形式返回被修改的原数组内容

const arr = ['wo', 'yao', 'jia', 'you']
console.log(arr.splice(2, 1, 'nu', 'li')) // 'jia'
console.log(arr) // ["wo", "yao", "nu", "li", "you"]

some

some() 方法测试数组中是否至少有1个元素通过了被提供的函数测试,返回的是一个布尔类型的值。

sort

sort(compareFunction) 方法用原地算法对数组的元素进行排序,并返回数组。

const arr = [1,11, 6, 12]
function compare(a, b) {
	if (a < b) {
    	return -1;
    }
    if (a > b) {
    	return 1;
    }
    return 0
}
console.log(arr.sort()) // [1, 11, 12, 6]
console.log(arr.sort(compare)) // [1, 6, 11, 12]

toLocaleString

toLocaleString(locales, options) 数组中的元素将使用各自的 toLocaleString 方法转成字符串,再将这些字符串使用一个特定语言环境的字符串(比如逗号,)隔开

toString

toString() 返回表示指定的数组以及其元素的一个字符串。

unShift

unShift() 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度,会修改原数组的