美文网首页
ES6+ 数组方法

ES6+ 数组方法

作者: 小小Bug你别跑 | 来源:发表于2022-07-21 18:33 被阅读0次

    1 、concat() 数组、字符串合并。

    let a = [1,2,3]
    let b = [4,5,6]
    a.concat(b) // [1, 2, 3, 4, 5, 6]
    
    let c = 'hello '
    let d = 'world'
    c.concat(d) // 'hello world'
    

    2、 at() 数组、字符串、类数组中添加.at()方法at()支持正索引和负索引,获取其指定位置的值。

    let arr = [1,2,3,4,5,6]
    
    arr.at(-1) // 6
    arr.at(-2) // 5 
    
    arr.at(0) // 1
    arr.at(1) // 2
    

    3、includes() 判断数组、字符串、类数组中是否包含某个值并返回truefalse

    let arr = [1,2,3,4,5,6]
    
    arr.includes(3) // true
    arr.includes(7) // false
    

    4、find() 常用与判断数组中是否包含符合某种条件的值,并返回第一个符合条件的

    let arr = [1,2,3,4,5,6,6,7,8,8]
    let arr1 = arr.find((v, i) => {
        return v>5&&v<7;
    })
    // arr1 ===>> 6
    

    5、indexOf() 判断数组、 字符串、 类数组中是否包含某个值并返回第一个符合条件值的下标或者-1

    let arr = [1,2,3,4,5,6]
    
    arr.indexOf(3) // 2
    arr.indexOf(8) // -1
    

    6、findIndex() 常用与判断数组中是否包含符合某种条件的值,并返回第一个符合条件值的下标-1

    let arr = [1,2,3,4,5,6,6,7,8,8]
    let arr1 = arr.findIndex((v, i) => {
        return v>5&&v<7;
    })
    // arr1 ===>> 5
    

    7、map() 循环方法

    let arr = [1,2,3,4,5]
    arr.map((item,index)=>{
        console.log(item,index)
    })
    > 1 0
    > 2 1
    > 3 2
    > 4 3
    > 5 4
    
    
    let arr1 = arr.map((item)=>{
      return item*3
    })
    // arr1 ===>> [3, 6, 9, 12, 15]
    

    8、filter() 过滤,过滤数组中所有符合条件的值并返回数组。

    let arr = [1,2,3,4,5,6,6,7,8,8];
    let arr1 = arr.filter((v, i) => {
        return v>5&&v<7;
    })
    // arr1 ===>> [6,6]
    

    9、 some() 判断数组中是否有符合条件的元素,返回truefalse
    10、 every() 判断数组中的每一个元素是否都符合条件,返回truefalse

    let arr = [1,2,3,4,5,6,6,7,8,8];
    
    let arr1 = arr.some((v, i) => {
        return v>7;
    })
    let arr2 = arr.every((v, i) => {
        return v>7;
    })
    // arr1 ===>> true
    // arr2 ===>> false
    

    11、Object.keys(obj)Object.values(obj)Object.entries(obj) 主要是对象的处理。

    let objList = {name:1,value:2,tagit:3}
    let objKey = Object.keys(objList) 
    // objKey ===>> ['name', 'value', 'tagit']
    let objvalue = Object.values(objList)
    // objvalue ===>> [1, 2, 3]
    let objent = Object.entries(objList)
    // objent ===>> [['name', 1],['value', 2],['tagit', 3]]
    

    12、Array.from() 方法主要用于类数组对象、可遍历对象、甚至字符串 转位真正的数组

    let objList = {
     0:1,
     1:2,
     2:3,
     length: 3
    }
    Array.from(objList) // [1, 2, 3]
    Array.from("helloworld") // ['h', 'e', 'l', 'l', 'o', 'w', 'o', 'r', 'l', 'd']
    

    13、Set数组对象: ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。

    let arr = [1,2,3,4,5,6,6,7,8,8];
    let setArr = new Set(arr); 
    let arr2 = Array.from(setArr) 
    // arr2 ===>> [1, 2, 3, 4, 5, 6, 7, 8]
    注:这里set返回的是一个没有重复的数组对象,我们可以用`Array.from()`或`[...set]`把它转成数组
    

    set对象的用法还有很多这里为大家找到一个专门针对于set对象使用文章。【set对象】

    相关文章

      网友评论

          本文标题:ES6+ 数组方法

          本文链接:https://www.haomeiwen.com/subject/ptyuirtx.html