ES6 数组

数组创建

  • Array.of()
    将参数中的所有值构建成数组元素形成数组,当参数为空时返回一个空数组。如下图
    在这里插入图片描述

注意:参数值可以为不同类型

  • Array.from(arrayLike[, mapFn[, thisArg]])
    将类数组对象或可迭代对象转化为数组并且返回。如果由空位则会用undefined表示,如下图
    在这里插入图片描述
    参数详解
    • arrayLike 想要转换的类数组对象或可迭代对象。
    • mapFn 可选,map 函数,用于对每个元素进行处理,放入数组的是处理后的元素。
    • thisArg 可选,用于指定 map 函数执行时的 this 对象。

转换可迭代对象

  • 转换 map
    在这里插入图片描述

  • 转换 set
    在这里插入图片描述

  • 转换字符串
    在这里插入图片描述

扩展的方法

  • 查找

    • find() 查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素。数组空位将处理为undefined。如下图
      在这里插入图片描述
    • findIndex() 查找数组中符合条件的元素索引,若有多个符合条件的元素,则返回第一个元素索引。数组空位将处理为undefined。如下图
      在这里插入图片描述
  • 填充

    • fill() 将一定范围索引的数组元素内容填充为单个指定的值。如下图
      参数1:用来填充的值
      参数2:被填充的起始索引
      参数3(可选):被填充的结束索引,默认为数组末尾
      在这里插入图片描述
    • copyWithin() 将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。
      参数1:被修改的起始索引
      参数2:被用来覆盖的数据的起始索引
      参数3(可选):被用来覆盖的数据的结束索引,默认为数组末尾
  • 遍历

    • entries() 遍历键值对。数组空位将处理为undefined。如下图
      在这里插入图片描述

    • keys() 遍历下标。数组空位将处理为undefined。如下图
      在这里插入图片描述

    • values() 遍历值。数组空位将处理为undefined。如下图
      在这里插入图片描述

  • 包含

    • includes() 数组是否包含指定值。如下图
      参数1:包含的指定值
      参数2:可选,搜索的起始索引,默认为0
      在这里插入图片描述
  • 嵌套数组转一维数组

    • flat() 使用方法如下图
      在这里插入图片描述
      注意要点:
      • 自动跳过空位
      • 可以使用 Infinity 忽略层数

扩展运算符

可以使用 ... 进行在、数组复制以及合并数组,数组空位将处理为undefined。如下图
在这里插入图片描述

类数组对象

一个类数组对象必须含有 length 属性,且元素属性名必须是数值或者可转换为数值的字符。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

注意要点:

  • 如果没有length则返回空数组。
  • 元素属性名不为数值且无法转换为数值,则会返回长度为 length 元素值为 undefined 的数组。
  • 类数组对象的属性名存在隐式转换。
  • 返回出来的数组会根据length的值来构造数组。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值