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


相关推荐

  • android缩放动画中心缩放_缩放动画

    android缩放动画中心缩放_缩放动画ScaleAnimation:缩放动画同样,创建ScaleAnimation也有两种方式XML文件+Java代码Java代码方式XML文件+Java代码效果图:文件目录:res/anim/scale.xml

    2022年10月15日
    5
  • DrawCall_draw a drawing

    DrawCall_draw a drawing关于unity优化,DrawCall肯定占了比较重要的一部分,下面我们就简单了解一下什么是Drawcall。什么是DrawCall?在电脑运行层面理解:rawcall是CPU对底层图形绘制接口的调用命令GPU执行渲染操作,渲染流程采用流水线实现,CPU和GPU并行工作,它们之间通过命令缓冲区连接,CPU向其中发送渲染命令,GPU接收并执行对应的渲染命令。这里drawcall影响绘制的原因主要是因为每次绘制时,CPU都需要调用drawcall而每个drawcall都需要很多准备工作,检测渲染状态、提交

    2026年1月22日
    4
  • 【C/C++】C语言特性总结

    【C/C++】C语言特性总结已经有大约半年的时间没有碰C语言了,当时学习的时候记录了很多的笔记,但是都是特别混乱,后悔那个时候,不懂得写博客,这里凭借记忆和零零散散的笔记记录,尝试系统性地复习一下C语言。之前都是在Windows环境下学习,这次把重心放在Linux环境下,这次的复习源于基础,但是要高于基础。文章目录工具gcc编译器VS2019C语言编译过程C语言代码主体必要内容C语言数据类型关键字常量变量进制表示s…

    2022年6月21日
    17
  • VB学习总结心得2–理想的学习方法

    VB学习总结心得2–理想的学习方法 

    2022年6月21日
    32
  • ant man 什么意思,ant[通俗易懂]

    Alongdikewillcollapseauseofanant-holeinit;atallbuildingwillbeburneddownbyasparkfromachimney”schink.千丈之堤,以蝼蚁之穴溃;百尺之屋,以突隙之烟焚。Regardlessofclassorwithadifferentantspeciesa…

    2022年4月9日
    46
  • IDEA中MAVEN项目如何打包JAR包「建议收藏」

    IDEA中MAVEN项目如何打包JAR包「建议收藏」这篇文章主要为大家展示了“IDEA中MAVEN项目如何打包JAR包”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“IDEA中MAVEN项目如何打包JAR包”这篇文章吧。Idea中为一般的非Web项目打Jar包是有自己的方法的,网上一搜就能查到很多。但是如果是为Maven项目打Jar包,其实是很简单的,因为maven本身就有打Jar包的命令。最简单的方法首先是在maven项目的pom.xml中添加打包的插件,这里有很多种方式的。最最简单的就是只使用m

    2022年6月22日
    823

发表回复

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

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