什么是 Array-Like Objects
顾名思义, 就是 类数组的对象。类数组对象具备数组的属性length,然而没有 数组 的一些办法, 比方 push。如下
const arrayLike = { 0: "1", 1: "2", length: 2}
比方 arguments 就是一个 Array-Like Objects。
function sum() { console.log(arguments)}sum( 1, 2, 3 )
看起来是一个数组,但咱们能够看见下面截图中的 arguments 的隐式原型 arguments._ _proto__ 中的对象和数组的确不一样的。
咱们来看看一个失常的数组的隐式原型是啥样的。
截图只展现了一部分,然而咱们能够看见有显著的不同,所以说 arguments是一个 类数组对象 Array-Like Objects。
此时咱们对 arguments 这个类数组对象进行 push 等数组的操作是会报错的。
那么咱们怎么将 array-like 转换成 array 呢?
Array-Like 转 Array
办法一: 遍历迭代
因为 Array-Like Objects 是有长度的,所以咱们能够对其进行遍历, 将其每一个元素塞进新的数组
function sum() { let arr = [] for(let i = 0; i < arguments.length; i++) { arr.push(arguments[i]) } arguments = arr arguments.push(4) // 此时的 argument 曾经是数组了,能够进行数组的 push 操作 console.log(arguments) // [ 1, 2, 3, 4 ]} sum( 1, 2, 3 )
办法二: 应用 Array.prototype.slice.call()
function sum() { arguments = Array.prototype.slice.call(arguments); // arguments = [].slice.call(arguments); arguments.push(4) // 此时的 argument 曾经是数组了,能够进行数组的 push 操作 console.log(arguments) // [ 1, 2, 3, 4 ]} sum( 1, 2, 3 )
同理,应用 Array.prototype.slice.apply()、Array.prototype.slice.bind() 也是一样的。
办法三: Array.from()
function sum() { arguments = Array.from(arguments); arguments.push(4); // 此时的 argument 曾经是数组了,能够进行数组的 push 操作 console.log(arguments); // [ 1, 2, 3, 4 ]} sum( 1, 2, 3 )