再学JavaScript ES(6-10)全版本语法大全(4)- 伪数组转换为数组

1 伪数组转换为数组

伪数组:

  1. 这个对象按照索引存储数据
  2. 它具备一个 length 属性

1.1 ES5

let args = [].slice.call(arguments) // 集合

// 将当前页面的所有图片转换为数组
let imgs = [].slice.call(document.querySelectorAll('img')) // nodelist

1.2 ES6

let args = Array.from(arguments)
let imgs = Array.from(document.querySelectorAll('img'))
  • 初始化并且填充默认值
let array = Array.from({ length: 5 }, function () {
    return 1
})

console.log(array)

在这里插入图片描述

2 生成新数组

2.1 ES5

let array = Array(5)
let array = ['','']

2.2 ES6

let array = Array.of(1,2,3,4,5)
let array = Array(5).fill(6)
console.log(array)

在这里插入图片描述

let array = [1, 2, 3, 4, 5, 6]
console.log(array.fill(100,2,5))

在这里插入图片描述

3 查找数组

  • filter 会挨个查找全部满足条件的所有值
let array = [1, 2, 3, 4, 5, 6]

let find = array.filter(function (item) {
    return item === 3
})

console.log(find)

在这里插入图片描述


  • find 查到即返回
let array = [1, 2, 3, 4, 5, 6]

let find = array.find(function (item) {
    return item % 2 === 0
})

console.log(find)

在这里插入图片描述

let array = [1, 2, 3, 4, 5, 6]

let find = array.findIndex(function (item) {
    return item % 2 === 0
})

console.log(find)

在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页