ES6 数组方法

ES6 数组方法数组Array为了补充原始数组中某些方法的一些缺陷,ES6在数组方面新增许多API如Array.fromincludefill等等。Array.from()该API可以用来转换类数组与可便利对象将其转化为数组,比如function中的arguments对象(类数组),setmapes6新增的可遍历对象functiontest(){vararr=Array.from(arguments);console.log(arr);}test(1

大家好,又见面了,我是你们的朋友全栈君。

数组 Array

为了补充原始数组中某些方法的一些缺陷,ES6在数组方面新增许多API 如 Array.from include fill 等等。

Array.from()

API 可以用来转换类数组与可便利对象将其转化为数组,比如 function 中的arguments 对象(类数组),set map es6新增的可遍历对象

function test () { 
   
    var arr = Array.from(arguments);
    console.log(arr);
}
test(1,2,3); // [1,2,3]

对于还没有兼容该方法的浏览器可以使用slice 代替
[].slice.call(obj) // 也会返回同样的结果

TIP 
该函数还可以接受第二个参数,类似于map方法 用来对每个元素处理
Array.from(obj,(i) => i*i) //对每个元素平方

Array,of()

用于将一组数字转换为数组
var arr = Array.of(1,2,3,4) // [1,2,3,4]

数组实例的 find 与 findIndex

find 方法用于在数组上查找第一个符合条件的 值,并将其返回
比如 [1,2,5,6,2,4];
我们想在这个数组上查找第一个 值 大于 5 的数
[1,2,5,6,2,4].find((item) => item > 5) // 6
如果找到最后没有一个满足条件的值 那么就返回 undefined

findIndex 用于返回数组中第一个满足条件的值的下标
[1,2,5,6,2,4].find((item) => item > 5) // 3
如果找到最后一个都没有满足条件,那么返回   -1

并且非常重要的,这两个函数居然可以 NaN[NaN].find((item) => Object.is(NaN,item)) // NaN

数组实例 fill

fill(item,start,end)
给定一个值,用这个值去填满整个数组,这个函数还可以接受两个参数,一个起始位置,一个终止位置
用这个函数去填充的时候,当只给定第一个参数时,会直接填充整个数组,不管某个位置上是否有值

数组实例的 entries keys values

entries => [key,value]
keys => key 下标
values => value  值

for(let [index,value] of arr.entries()){ 
   
    console.log(index,value)
}

数组实例的 includes

用来探测数组中是否包含某个值 并返回 一个bool值
include(item,st=0)
第一个参数是用来检测的值
第二个参数是探测的起始位置 默认是从0开始

如果浏览器不支持该方法,也可以用 some方法 代替

数组推导ES7

var a1 = [1,2,3,4]
var a2 = [for (i of a1) i*2] // [2,4,6,8]
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/132369.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 比特币p2p协议_协议栈p2p

    比特币p2p协议_协议栈p2p比特币网络节点具有所有四个功能(理论上的很多来自《精通比特币》):钱包:用户钱包也可以作为全节点的一部分(桌面比特币客户端中比较常见);当前,越来越多的用户钱包都是SPV节点(诸如智能手机)矿工:挖矿节点通过运行在特殊硬件设备上的工作量证明(proof-of-work)算法,以相互竞争的方式创建新的区块,一些挖矿节点同时也是全节点,保有区块链的完整拷贝;还有一些参与矿池挖矿的节点是轻量级节…

    2022年8月30日
    0
  • 什么是td-scdma_TR缩写

    什么是td-scdma_TR缩写3GPP 3rd Generation PartnershipProject 第三代移动通信伙伴组织AAAAntenna Array 天线阵AALATM Adaptation Layer ATM适配层AAL2ATM Adaptati

    2022年9月26日
    0
  • pycharm下方的菜单栏被隐藏,如何重新找到「建议收藏」

    pycharm下方的菜单栏被隐藏,如何重新找到「建议收藏」直接看图,这个的这个小图标位于整个pycharm页面的左下角,点击之后就会隐藏,如下图有一个坑就是,当刚打开或者当某些进程再进行时,这个图标会被暂时隐藏,所以想要把这个下方的快捷菜单栏找回会,得等这个进程结束才能看到…

    2022年8月27日
    2
  • Modbus 通讯协议 (RTU传输模式)「建议收藏」

    Modbus 通讯协议 (RTU传输模式)「建议收藏」第一章Modbus协议简介Modbus协议是应用于电子控制器上的一种通用语言。通过此协议,控制器相互之间、控制器经由网络(例如以太网)和其它设备之间可以通信。它已经成为一通用工业标准。有了它,不同厂商生产的控制设备可以连成工业网络,进行集中监控。此协议定义了一个控制器能认识使用的消息结构,而不管它们是经过何种网络进行通信的。它描述了一控制器请求访问其它设备的过程,

    2022年7月12日
    79
  • Kafka集群配置[通俗易懂]

    Kafka集群配置[通俗易懂]之前一篇博文简单讲述了zookeeper和kafka的单机配置,详细可以参考《Linux(CentOS)中常用软件安装,使用及异常——Zookeeper,Kafka》。本文只要讲述Kafka集群的配置事项,包括zookeeper集群的配置。本文讲述的前提是kafka和zookeeper在单机情况下已正确安装和配置。如有疑问,可以参考《Linux(CentOS)中常用软件安装,使用及异常——Z…

    2022年4月25日
    30
  • rtp协议详解

    rtp协议详解RTP的头部格式版本号(V):2比特,用来标志使用的RTP版本。填充位(P):1比特,如果该位置位,则该RTP包的尾部就包含附加的填充字节。扩展位(X):1比特,如果该位置位的话,RTP固定头部后面就跟有一个扩展头部。CSRC计数器(CC):4比特,含有固定头部后面跟着的CSRC的数目。标记位(M):1比特,该位的解释由配置文档(Profile)来承担….

    2022年6月28日
    36

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号