zoukankan      html  css  js  c++  java
  • ES6新增数组方法

    1.扩展运算符可以将数组或者对象转为用逗号分隔的参数序列

    let ary = [1, 2, 3];
     ...ary  // 1, 2, 3
     console.log(...ary);    // 1 2 3,相当于下面的代码
     console.log(1,2,3);
    

    2.扩展运算符可以应用于合并数组

     let ary1 = [1, 2, 3];
     let ary2 = [3, 4, 5];
     let ary3 = [...ary1, ...ary2];
     // 方法二 
     ary1.push(...ary2);
    

    3.将类数组和伪数组或可遍历对象转换为真正的数组
    构造函数方法:Array.from()

    let oDivs = document.getElementsByTagName('div'); 
    oDivs = [...oDivs];
    
    //定义一个集合
    let arrayLike = {
        '0': 'a',
        '1': 'b',
        '2': 'c',
        length: 3
    }; 
    //转成数组
    let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']
    

    4.实例方法:find() 用于找出第一个符合条件的数组成员,如果没有找到返回undefined

    let ary = [{
         id: 1,
         name: '张三'
     }, { 
         id: 2,
         name: '李四'
     }]; 
     let target = ary.find((item, index) => item.id == 2);//找数组里面符合条件的值,当数组中元素id等于2的查找出来,注意,只会匹配第一个
    

    5.findIndex() 用于找出第一个符合条件的数组成员的位置,如果没有找到返回-1

    let ary = [1, 5, 10, 15];
    let index = ary.findIndex((value, index) => value > 9); 
    console.log(index); // 2
    

    6.includes() 判断某个数组是否包含给定的值,返回布尔值。

    [1, 2, 3].includes(2) // true 
    [1, 2, 3].includes(4) // false
    
  • 相关阅读:
    js复制功能
    网页倒退监听
    CSS 设置table下tbody滚动条
    js滚动条滚动到底部 例如聊天这种
    时间格式转换器
    js插件整理和总结
    Js判断移动端是否存在客户端:如果存在则打开,如果不存在则下载
    qt布局添加控件的父控件说明
    qt控件模糊效果
    QT TCPSocket和QTCPServer使用
  • 原文地址:https://www.cnblogs.com/kawayi/p/13934266.html
Copyright © 2011-2022 走看看