Array.from ()方法详解

最新推荐文章于 2024-07-08 15:27:40 发布

原创最新推荐文章于 2024-07-08 15:27:40 发布 · 310 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端同时被 2 个专栏收录

39 篇文章

订阅专栏

javascript

30 篇文章

订阅专栏

本文介绍了如何使用 Array.from 方法将类数组对象转换成真正的数组。文章通过实例演示了类数组对象必须具备 length 属性及数字索引才能正确转换，并解释了当缺少必要属性时的处理结果。

  let arrayLike = {
    0: 'tom', 
    1: '65',
    2: '男',
    3: ['jane','john','Mary'],
    'length': 4
}
let arr = Array.from(arrayLike)
console.log(arr) // ['tom','65','男',['jane','john','Mary']]

1、该类数组对象必须具有length属性，用于指定数组的长度。如果没有length属性，那么转换后的数组是一个空数组。

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

ps: 该类数组对象的属性名可以加引号，也可以不加引号

let arrayLike = {
‘name’: ‘tom’,
‘age’: ‘65’,
‘sex’: ‘男’,
‘friends’: [‘jane’,‘john’,‘Mary’],
length: 4
}
let arr = Array.from(arrayLike)
console.log(arr) // [ undefined, undefined, undefined, undefined ]

将上面代码中length属性去掉呢？实践证明，答案会是一个长度为0的空数组。