zoukankan      html  css  js  c++  java
  • es6-6 数组扩展

    Array.of()

    Array.of() 不传参就是一个空数组 []
    {
        let arr = Array.of(3, 4, 7, 9, 11);
        console.log(arr); // [3, 4, 7, 9, 11]
    }

    Array.from()

    Array.from() 可以把集合转变成数组
    <body>
        <p>暖洋洋</p>
        <p>沸洋洋</p>
        <p>喜洋洋</p>
    </body>
    {
        let p = document.querySelectorAll('p')
        let pArr = Array.from(p); // 成功把集合转变成数组
        pArr.forEach((item) => {
            console.log(item.textContent); // 暖洋洋 沸洋洋 喜洋洋
        })
    }

    Array.from() 类似于 map 映射

    {
        console.log(Array.from([1, 3, 5], item => {
            return item * 2
        })); // [2, 6, 10]
    }

    fill() 数组填充

    {
        console.log('fill-7', [1, 'a', undefined].fill(7)); // [7, 7, 7]
        console.log('fill-pos', ['a', 'b', 'c'].fill(7, 1, 3)); // ['a', 7, 7] 从第一个开始换, 直到第三个 [1开始, 3结束]
    }

    entrieskeysvalues

    keys() 遍历返回所有下标

    {
        for (let index of ['1', 'c', 'ks'].keys()) {
            console.log('keys', index); // 0 1 2 keys()返回所有下标
        }
    }

    values() 返回所有单元值

    {
        for (let value of ['1', 'c', 'ks'].values()) {
            console.log('value', value); // 1 c ks values()返回所有单元值
        }
    }
    entries() 同时返回 key 和 value
    {
        for (let [index, value] of ['1', 'c', 'ks'].entries()) {
            console.log('entries', index, value); // 0-1 1-c 2-ks entries()同时返回下标和值
        }
    }

    copyWithin()

    复制一个单元到其它位置, 参数1: 开始替换位置 参数2: 从哪个位置读取数据 参数3: 截止位置
    {
        console.log([1,2,3,4,5].copyWithin(0,3,4)); // [4,2,3,4,5]
    }

    find() findIndex()

    在数组中找到符合条件的值, 注意只找到第一个符合条件的就会截止, 需要区别的是 find() 找的是单元值, 而 findIndex() 找的是索引

    {
        console.log([1,2,3,4,5,6].find((item) => {
            return item > 3
        })); // 4 只找出第一个符合要求的值
        console.log([1,2,3,4,5,6].findIndex((item) => {
            return item > 3
        })); // 3 只找出第一个符合要求的下标
    }

    inludes()

    判断一个值是否在数组中存在

    {
        console.log([1,2,NaN].includes(1)); // true
        console.log([1,2,NaN].includes(NaN)); // true
    }
  • 相关阅读:
    redis 高级功能,过期事件监听
    三五个人的技术团队用的上的技术架构
    听说过api,但是你听说过spi吗
    PostgreSQL建表及相关
    shell命令 $(cd `dirname $0`; pwd);[ "$#" -ne "8" ];exit;declare;`date +%s`
    学习Shell命令
    Shell echo命令
    Linux常用命令
    Linux 目录结构
    nohup ./startWebLogic.sh >out.log 2>&1 & 解析
  • 原文地址:https://www.cnblogs.com/helzeo/p/11813088.html
Copyright © 2011-2022 走看看