类数组对象(Array-like)转化为数组(Array)的几种方法

如题所述

第1个回答  2022-06-28
伪数组对象(Array-like):拥有一个 length 属性和若干索引属性的任意对象。
工作中碰到过几次需要将类数组对象转化为数组处理的情况,面试时也很可能被问到,因为这一个题目同时考察了以下几点:

下面我们就来总结一下类数组对象(Array-like)转化为数组(Array)的几种方法:

slice() 方法返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的浅拷贝(包括 begin,不包括end)。原始数组不会被改变。

slice 方法可以用来将一个类数组(Array-like)对象/集合转换成一个新数组。你只需将该方法绑定到这个对象上。 一个函数中的 arguments 就是一个类数组对象的例子。

你也可以简单的使用 [].slice.call(arguments) 来代替

splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。

和slice相似,不同的是会改变原对象,并且第一个参数(开始位置)必须传:

concat() 方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。

这里利用apply可以把类数组对象分解成多个参数传入concat方法:

Array.from() 方法从一个类似数组或可迭代对象中创建一个新的,浅拷贝的数组实例。 可以通过以下方式来创建数组对象:

Array.from的方便之处是它的第二个参数可以设置一个函数,新数组中的每个元素会执行该函数:

利用set中元素的唯一性,和Array.from可以把set转化为array的能力,我们可以封装一个数组去重的函数:

注意以上方式都是浅拷贝,处理引用类型时需要多加小心。
相似回答