美文网首页前端新手
ES6几个好用的数组操作方法

ES6几个好用的数组操作方法

作者: 刘员外__ | 来源:发表于2018-10-17 16:28 被阅读22次

    Array.from() :将json数组格式转换成数组

    // 这是json数组的格式,注意:
            // key 必须是数字
            // json 的结尾必须写明 json 的长度
            let json = {
                '0' : '123456',
                '1' : '123456',
                '2' : '123456',
                length:3
            }
            // 将json数组转换成数组的格式
            let arr = Array.from(json)
            console.log(arr)
    

    find() 示例方法,用于查找数组内的某个元素

            let arr = ['liu','yuan','wai'];
            console.log(arr.find((value,index,arr) => {
                console.log(index)
                return value === 'liu'
            }));
    

    fill() 示例方法,用于添加替换 数组内的某个元素

            let arr = ['liu','yuan','wai'];
            arr.fill('刘',0,1)
            console.log(arr)
    

    for of 循环

    1. 循环数组内的每一个值
            let arr = ['liu','yuan','wai'];
            for (const item of arr) {
                console.log(item)
            }
    
    1. 输出数组的下标
            let arr = ['liu','yuan','wai'];
            for (const item of arr.keys()) {
                console.log(item)
            }
    
    1. 循环一起输出下标和value
            let arr = ['liu','yuan','wai'];
            for (const item of arr.entries()) {
                console.log(item)
            }
    
    1. 循环分别输出下标和value
            let arr = ['liu','yuan','wai'];
            for (const [index,value] of arr.entries()) {
                console.log(index)
                console.log(value)
            }
    

    手动循环输出数组的元素

            let arr = ['liu','yuan','wai'];
            let list = arr.entries();
            console.log(list.next().value);
            console.log('----------------');
            console.log(list.next().value);
            console.log('----------------');
            console.log(list.next().value);
            console.log('----------------');
    

    相关文章

      网友评论

        本文标题:ES6几个好用的数组操作方法

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