数组扩展

  • Array.of
{
    let arr = Array.of(3,4,7,9,11);
    console.log('arr=',arr)    //输出结果:arr=[3,4,7,9,11]

    Array.of将一组数据变量转换为数据类型,若不传任何参数,则返回空数组
}
  • Array.from
{
    let p = document.querySelectorAll('p')    //获取文本中所有的p标签
    let pArr = Array.from(p);
    pArr.forEach(function(item){       //forEach调用数组的每个元素,并将元素传递给回调函数,对于空数组是不会执行回调函数
        console.log(item.textContent)      //textContent获取DOM节点的文本方法
    })    //输出结果:将html文档中p标签包含的内容打印出来

    console.log(Array.from([1,3,5],function (item){
        return item*2
    })    //输出结果:2,6,10     遍历
}
  • fill
{
    console.log('fill-7',[1,'a',undefined].fill(7))    //输出结果:[7,7,7]
    console.log(['a','b','c'].fill(7,1,3))    //输出结果:["a", 7, 7]
}

这里写图片描述

  • 遍历
{
    for(let index of ['1','c','ks'].keys()){
        console.log('keys',index)
    }     //输出结果:keys 0    keys 1    keys 2

    for(let value of ['1','c','ks'].values()){
        console.log('values',value)
    }     //输出结果:values 1    values c    values ks   (有兼容性问题)

    for(let [index,value] of ['1','c','ks'].entries()){
        console.log('values',index,value)
    }    //输出结果:values 0 1    values 1 c    values 2 ks
}

copyWithin

{
    console.log([3,4,7,32,6].copyWithin(0,3,4))    //输出结果:[32, 4, 7, 32, 6]
}

copyWithin用于从数组的指定位置拷贝元素到数组的另一个指定位置中
语法:array.copyWithin(target, start, end)

这里写图片描述

  • 查找
{
    console.log([1,2,3,4,5,6].find(function(item){
        return item > 3
    }))    //输出结果:4

    console.log([1,2,3,4,5,6].findIndex(function(item){
        return item > 3
    }))    //输出结果:3

    console.log([1,2,NaN].includes(1))    //输出结果:true
    console.log([1,2,NaN].includes(NaN))    //输出结果:true
}

    find 只找出一个满足该条件的值
    findIndex 只找出满足该条件的值的下标
    includes 这个数组中是否包含这个元素
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值