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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 三门问题的计算机模拟,三门问题是指_数学三门问题

    三门问题的计算机模拟,三门问题是指_数学三门问题三门问题(MontyHallproblem)亦称为蒙提霍尔问题、蒙特霍问题或蒙提霍尔悖论,大致出自美国的电视游戏节目Let’sMakeaDeal。问题名字来自该节目的主持人蒙提·霍尔(MontyHall)。参赛者会看见三扇关闭了的门,其中一扇的后面有一辆汽车,选中后面有车的那扇门可赢得该汽车,另外两扇门后面则各藏有一只山羊。当参赛者选定了一扇门,但未去开启它的时候,节目主持人开启剩下两…

    2025年8月19日
    4
  • 手把手教你接入支付宝支付

    手把手教你接入支付宝支付前一久做了支付宝支付,分享一下接入的详细步骤吧,移动端和服务端demo源码已上传至GitHub,要下载的移步至文章末尾。先给出支付宝官方文档:https://docs.open.alipay.com/204/105051/适用场景在App内集成支付宝支付。APP调用支付宝提供的SDK,SDK再调用支付宝APP内的支付模块。如果用户已安装支付宝APP,商家APP会跳转到支付宝中完成支付,支付完…

    2022年5月25日
    34
  • VMware虚拟机安装Ubuntu 2022最新版详细图文安装教程(VMware虚拟机安装+Ubuntu下载+VMware虚拟机配置运行)「建议收藏」

    VMware虚拟机安装Ubuntu 2022最新版详细图文安装教程(VMware虚拟机安装+Ubuntu下载+VMware虚拟机配置运行)「建议收藏」Ubuntu2022来啦,VMware虚拟机安装Ubuntu2022最新版详细图文安装教程(VMware虚拟机安装+Ubuntu下载+VMware虚拟机配置运行),数千字图文详解,一步步教会你如何安装、配置、运行虚拟机及Ubuntu。

    2025年11月4日
    3
  • vue+element-ui 使用富文本编辑器

    vue+element-ui 使用富文本编辑器npm安装编辑器组件npminstallvue-quill-editor–save在components文件夹创建ue.vue组件,如下ue.vue代码如下:<!–组件代码如下–><template><div><scriptid=”editor”type=”text/plain”></s…

    2022年5月12日
    42
  • 在毕设中学习03

    在毕设中学习035.24文献阅读记录脑电分为诱发性脑电和自发性脑电,诱发性脑电的诱发因素又分为外源性刺激(视觉听觉触觉)和内源性事件相关(计算、思考)keras库keras以TensorFlow/Theano作为后端封装,是一个专门用于深度学习的python模块。包含了全连接层,卷积层,池化层,循环层,嵌入层等等等,常见的深度学习模型。包含用于定义损失函数的Losses用于训练模型的Optimizers评估模型的Metrics定义激活函数的Activations防止过拟合的Regularizers等mn

    2022年8月11日
    7
  • 阿里矢量图标库的使用

    阿里矢量图标库的使用1、注册登录账号网站地址:https://www.iconfont.cn/该网站可通过GitHub或新浪账号进行登录下面是网站的首页2、查找图标在中间输入框输入想要查找的图标,。以‘home

    2022年8月6日
    6

发表回复

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

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