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]
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • pycharm卸载了环境变量还在怎么办_pycharm使用教程

    pycharm卸载了环境变量还在怎么办_pycharm使用教程因为之前的pycharm是社区版的,有些功能不全,所以需要重装专业版重装pycharm最大的顾虑就是之前的库能否保留以及能否删除干净1.之前的库包卸载之前找到我之前的库包所用编译器,记下路径就行注意:因为python跟pycharm是单独存在的,所以删除的pycharm并没有影响python里安装的库包2.删除正版软件删除是最简单的,找到文件所在位置,直接卸载就行这里注意两个红色箭头要全选,然后等待卸载结束就行。3.重新安装下载链接:http://www.jetbrains.com/

  • JS通过substring、indexOf、lastIndexOf截取字符串中对应的内容「建议收藏」

    JS通过substring、indexOf、lastIndexOf截取字符串中对应的内容「建议收藏」JavaScript截取字符串中的内容substring(下标1,下标2);//从下标1截取到下标2substring();不会改变自身变量下标1:必填,非负整数,开始截取的字符串下标下标2:非必填,非负整数,结束截取的字符串下标,如果下标2不填,则字符串截取到结尾处Demo:letstr=”abcdefghizk”;str=str.substring(1,5);console.log(str);//输出:bcdeTips:截取字符串的结束下标是不包含该字符本身的i

  • 终于懂了TCP和UDP协议区别[通俗易懂]

    终于懂了TCP和UDP协议区别[通俗易懂]终于懂了TCP和UDP协议区别

  • ObjC.primitive-methods

    ObjC.primitive-methods

  • java如何生成随机数「建议收藏」

    java如何生成随机数「建议收藏」java生成随机数有两种方法:1、使用Math方法,Math.random()随机生成一个double类型[0,1),如果想生成1~100的随机数:如:intnum=(int)(Math.random()*100);2、使用Random方法,Randomrandom=newRandom();(中间可以传值,传值后生成的是固定的了,详细的请关注下面星球,有写)。如:rando…

  • vue中使用EasyPlayer.js教程[通俗易懂]

    vue中使用EasyPlayer.js教程[通俗易懂]0前言github:EasyPlayer.js一定要是legacy分支哦,master分支是EasyWasmPlayer.js,有些功能不支持的1教程首先npm安装EasyPlayer、copy-webpack-pluginps:copy-webpack-plugin版本不能大于6.0,否则会出很多很多问题npminstall@easydarwin/easyplayer–savenpminstallcopy-webpack-plugin@5.1.2–save

发表回复

您的电子邮箱地址不会被公开。

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