29种数组方法,学到就是赚到!!! (第21~29)

104 阅读2分钟

「这是我参与2022首次更文挑战的第7天,活动详情查看:2022首次更文挑战」。

21. Array.of()

将一组值转换成数组,类似于声明数组 ---es6

let str = '11'
console.log(Array.of(str))   // ['11']
// 等价于
console.log(new Array('11'))  // ['11']

22. arr.copyWithin()

在当前数组内部,将制定位置的数组复制到其他位置,会覆盖原数组项,返回当前数组

参数:

  • target --必选 索引从该位置开始替换数组项
  • start --可选 索引从该位置开始读取数组项,默认为0.如果为负值,则从右往左读。
  • end --可选 索引到该位置停止读取的数组项,默认是Array.length,如果是负值,表示倒数
let arr = [1,2,3,4,5,6,7]
let arr1 = arr.copyWithin(1)
console.log(arr1)   // [1, 1, 2, 3, 4, 5, 6]
let arr2 = arr.copyWithin(1,2)
console.log(arr2)   // [1, 3, 4, 5, 6, 7, 7]
let arr3 = arr.copyWithin(1,2,4)
console.log(arr3)   // [1, 3, 4, 4, 5, 6, 7]

23. arr.find(callback)

找到第一个符合条件的数组成员

let arr = [1,2,3,4,5,2,4]
let arr1 = arr.find((value, index, array) =>value > 2)
console.log(arr1)   // 3

1.png

24. arr.findIndex(callback)

找到第一个符合条件的数组成员的索引值

let arr = [1,2,3,4,5]
let arr1 = arr.findIndex((value, index, array) => value > 3)
console.log(arr1)  // 3

25. arr.fill(target, start, end)

使用给定的值,填充一个数组,ps:填充完后会改变原数组

参数:

  • target -- 待填充的元素
  • start -- 开始填充的位置-索引
  • end -- 终止填充的位置-索引(不包括该位置)
let arr = [1,2,3,4,5]
let arr1 = arr.fill(5)
console.log(arr1)  // [5, 5, 5, 5, 5]
console.log(arr)   // [5, 5, 5, 5, 5]
let arr2 = arr.fill(5,2)
console.log(arr2)
let arr3 = arr.fill(5,1,3)
console.log(arr3)

26. arr.includes()

判断数中是否包含给定的值

let arr = [1,2,3,4,5]
let arr1 = arr.includes(2)  
console.log(arr1)   // ture
let arr2 = arr.includes(9) 
console.log(arr2)    // false
let arr3 = [1,2,3,NaN].includes(NaN)
console.log(arr3)  // true

与indexOf()的区别:

  • indexOf()返回的是数值,而includes()返回的是布尔值
  • indexOf() 不能判断NaN,返回为-1 ,includes()则可以判断

2.png

27. arr.keys()

遍历数组的键名

let arr = [1,2,3,4]
let arr2 = arr.keys()
for (let key of arr2) {
    console.log(key);   // 0,1,2,3
}

28. arr.values()

遍历数组键值

let arr = [1,2,3,4]
let arr1 = arr.values()
for (let val of arr1) {
     console.log(val);   // 1,2,3,4
}

29. arr.entries()

遍历数组的键名和键值

let arr = [1,2,3,4]
let arr1 = arr.entries()
for (let e of arr1) {
    console.log(e);   // [0,1] [1,2] [2,3] [3,4]
}

entries() 方法返回迭代数组。 迭代数组中每个值 前一个是索引值作为 key, 数组后一个值作为 value。

3.png

加油加油!!

努力学习!!

新年好,祝大家虎年行大运,虎虎生威,万事如意