【es6】数组

Array.from() 将两类对象转化为数组

  1. 常见类数组对象,document.querySelectorAll()返回的NodeList集合,函数内部的argument对象都可经Array.from()转化为真正的数组
    (部署了Iterator接口)
  2. 数组对象可以使用forEach方法
  3. 扩张运算符(…)也可以将某些数据结构转化为数组
    function foo() {
        var args = [...arguments];
        console.log(args)
    }
    var a = foo('a', 'b') //["a", "b"]
  1. arguments对象:长度由实参个数决定,其中arguments.callee返回此arguments对象所在的当前函数引用
  2. 类数组对象:拥有length属性。但Array.from({ length: 3 });结果为三个undefined
  3. 浏览器兼容写法(Array.prototype.slice替代)(?)
    const toArray = (() =>
      Array.from ? Array.from : obj => [].slice.call(obj)
    )();
  1. 接收第二个参数,对每个元素进行处理,返回处理后的值(类似于map)
  2. 接收第三个参数,绑定this,指定map函数的this
    Array.from([1, 2, 3], (x) => x * x) //[1, 4, 9]

Array.of() 将一组值转换为数组

  1. Array()构造函数,当只有一个值的时候代表数组的长度
    Array(3) // [, , ,]
    Array.of(3) // [3]
    Array.of(undefined) // [undefined]

数组实例的copyWithin()

  1. 将数组指定位置的成员复制到其他位置,并覆盖该位置原成员,返回修改后的数组
  2. 参数:
    target(必需):从该位置开始替换数据。
    start(可选):从该位置开始读取数据,默认为0。如果为负值,表示倒数。
    end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒数。
    [1, 2, 3, 4, 5].copyWithin(0, 3) // [4, 5, 3, 4, 5]

数组实例find()和findIndex()

  1. find() 参数为一个回调函数,返回第一个函数结果为true的那个成员
  2. find() 的回调函数可以接收三个参数依次为当前的值、当前的位置和原数组
  3. findIndex() 返回符合条件的数组成员位置,没有返回(-1)
  4. 可借助Object.is识别数组的NaN成员

数组实例的fill()

  1. 使用给定的值填充数组
  2. 数组中已有元素会全部抹去
  3. 接收第二三个参数,指定填充起始和结束位置

数组实例的entries(),keys()和values()

  1. keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历

数组实例的includes()

  1. 返回数组是否包含给定值

遗留问题:
1. arguments对象
2. map()函数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值