美文网首页
js胖的ES6教程7:ES6中新增的数组知识

js胖的ES6教程7:ES6中新增的数组知识

作者: 小白之白小明 | 来源:发表于2017-12-10 22:14 被阅读37次

    Array.from()方法

    把 json 代码转换为数组

    let json = {
        '0':'xiao',
        '1':'xiao',
        '2':'meng',
        length:3
    }
    console.log(Array.from(json))
    
    //输出
    ["shao", "xiao", "meng"]
    

    这是一个标准的JSON数组格式,跟普通的JSON对比是在最后多了一个length属性。只要是这种特殊的json格式都可以轻松使用ES6的语法转变成数组。

    Array.of()方法

    把一堆文本转换为数组,这一堆文本可以是数字或字符串

    //转换数字
    let num = Array.of(2,3,4,5,6)
    console.log(num)
    
    //输出
    [2, 3, 4, 5, 6]
    
    //转换字符串
    console.log(Array.of('xiao','xiao','meng'))
    
    //输出
    ["xiao", "xiao", "meng"]
    

    find( )实例方法:

    实例方法就是并不是以Array对象开始的,而是必须有一个已经存在的数组,然后才使用的方法,这就是实例方法(不理解请看下边的代码,再和上边的代码进行比对,你会有所顿悟)。这里的find方法是从数组中查找。在find方法中我们需要传入一个匿名函数,函数需要传入三个参数:

    value:表示当前查找的值
    index:表示当前查找的数组索引值,即下标
    arr:表示当前数组

    在函数中如果找到符合条件的数组元素就立即return,并停止查找。

    let arr=[1,2,3,4,5,6,7,8,9];
    console.log(arr.find(function(value,index,arr){
        return value > 5;
    }))
    
    //输出
    6
    

    控制台输出了6,说明找到了符合条件的值,并进行返回了,如果找不到会显示undefined。

    相关文章

      网友评论

          本文标题:js胖的ES6教程7:ES6中新增的数组知识

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