前端新手

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

2018-10-17  本文已影响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('----------------');
上一篇下一篇

猜你喜欢

热点阅读