es6 Array.form将类数组或者对象 转化为数组

Array.from()方法就是将一个[类数组对象][或者可遍历对象]转换成一个[真正的数组]

那么什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象。

       let arrayLike = {
            0: 'll',
            1: '60',
            2: '男',
            3: ['重庆', '四川'],
            'length': 4
        }
        let arr = Array.from(arrayLike);
        console.log(arr);

===================
如果没有length:4,那么就会转成一个空数组

 let arrayLike = {
            0: 'll',
            1: '60',
            2: '男',
            3: ['重庆', '四川'],
        }
        let arr = Array.from(arrayLike);
        console.log(arr);  返回[]

对象的属性名必须为数值型或字符串型

 let arrayLike = {
            bname: 'll',
            asa: '60',
            bb: '男',
            cc: ['重庆', '四川'],
            length: 4
        }
        let arr = Array.from(arrayLike);
        console.log(arr);    [undefined, undefined, undefined, undefined]

另外

由此可见,要将一个类数组对象转换为一个真正的数组,必须具备以下条件:

  1、该类数组对象必须具有length属性,用于指定数组的长度。如果没有length属性,那么转换后的数组是一个空数组。上面已经验证了  ok

  2、该类数组对象的属性名必须为数值型或字符串型

如何使用其他的方法一个对象转为数组 for in
for in 循环空对象或者数组 是不会报错的哈

     // 将对象变为数组
        let arrayLike = {
            bname: 'll',
            asa: '60',
            bb: '男'
        }
        let newarr = [];
        for (let i in arrayLike) {
            newarr.push(arrayLike[i])
        }
        console.log(newarr); ["ll", "60", "男"]

相关文章

原文连接:https://www.cnblogs.com/dupd/p/5951311.htmlES6...
以为Es6,javascript第一次支持了module。ES6的模块化分为导...
视频讲解关于异步处理,ES5的回调使我们陷入地狱,ES6的Prom...
TypeScript什么是TypeScript?TypeScript是由微软开发的一款开...
export class AppComponent { title = 'Tour of heroes...
用 async/await 来处理异步昨天看了一篇vue的教程,作者用as...