Array.from()的使用方法(数组去重，伪数组转为数组，数组浅克隆)，Set和Map数据结构

最新推荐文章于 2024-12-19 21:00:53 发布

原创

最新推荐文章于 2024-12-19 21:00:53 发布 · 772 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#数据结构 #javascript #前端 #大数据 #linux

本文详细介绍了Array.from()方法的使用，包括将伪数组转换为数组、Set和Map数据结构转为真数组、字符串转数组以及利用Array.from进行数组浅克隆和去重。还探讨了ES6的Set和Map数据结构的特点。

1.Array.from()介绍

?? Array.from()方法从类似数组或可迭代对象创建一个新的(浅拷贝)的数组实例

Array.from(arrayLike,mapFn,thisArg)
arrayLike：必选，想要转换成数组的伪数组对象或可迭代对象
mapFn：可选，如果指定了该参数，新数组中的每个元素会执行该函数
thisArg：可选，执行回调函数mapFn时this对象
可迭代的对象包括ES6新增的数据结构Set和Map

Array.from可以通过以下方式来创建数组对象
	1. 伪数组(拥有一个length属性和若干索引属性的任意对象)
	2. 可迭代对象(可以获取对象中的元素，如Map和Set等)
Array.from()方法有一个可选参数mapFn,让你可以在最后生成的数组上，再执行一次map方法后再返回。
即Array.from(obj,mapFn,thisArg)相当于Array.from(obj).map(mapFn,thisArg);

2.将伪数组转换成数组

      let likeArr  = {
            0:'react',
            1:'Vue',
            2:'angular',
            3:'Node',
            'length':4
        }
        let arr = Array.from(likeArr);
        console.log(arr);