前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ES6 数组方法

ES6 数组方法

作者头像
全栈程序员站长
发布2022-06-29 10:15:48
1800
发布2022-06-29 10:15:48
举报
文章被收录于专栏:全栈程序员必看

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

数组 Array

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

Array.from()

代码语言:javascript
复制
该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()

代码语言:javascript
复制
用于将一组数字转换为数组
var arr = Array.of(1,2,3,4) // [1,2,3,4]

数组实例的 find 与 findIndex

代码语言:javascript
复制
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

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

数组实例的 entries keys values

代码语言:javascript
复制
entries => [key,value]
keys => key 下标
values => value  值

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

数组实例的 includes

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

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

数组推导ES7

代码语言:javascript
复制
var a1 = [1,2,3,4]
var a2 = [for (i of a1) i*2] // [2,4,6,8]

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 数组 Array
    • Array.from()
      • Array,of()
        • 数组实例的 find 与 findIndex
          • 数组实例 fill
            • 数组实例的 entries keys values
              • 数组实例的 includes
                • 数组推导ES7
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档