js 类数组转成真正的数组的方法

一、类数组与数组的区别

相同点：

都有 length 属性，都可以用下标访问每一个元素

不同点：

数组的类型是 Array ，类数组的类似是 Object
类数组不具备数组所具备的所有方法
类数组只能用 for 循环来遍历

例：

//下来这个就是一个类数组
obj = {0:'1',1:'2',length:2
}

常见的类数组：

querySelectorAll，getElementByclassName，getElementsByTagName，arguments的集合

二、类数组转化为真的数组

1、使用拓展运算符（ES6）

let arr = [...obj];

2、Array.from(arr)（ES6）

let arr = Array.from(obj);

3、call、apply

//apply
let arr = [];
arr.push.apply(arr,obj);
let arr = [].slice.apply(obj)
//call
let arr = [].slice.call(obj);
let arr = Array.protype.slice.call(obj);

4、for 循环

let arr = [];
for(let item of obj){arr.push(item);
}

以上方法推荐使用第一种拓展运算符，方便快捷。

js 类数组转成真正的数组的方法相关推荐

js数组拆分成几个数组
利用js来把一个数组拆分成几个数组,下面代码已经把这功能弄成函数了,只需传入参数即可. 该函数的第一个参数为 array(需要拆分的数组),第二个参数为size(每组数组多少个),该函数直接返回新 ...
2022. 将一维数组转变成二维数组
2022. 将一维数组转变成二维数组给你一个下标从 0 开始的一维整数数组 original 和两个整数 m 和 n .你需要使用 original 中所有元素创建一个 m 行 n 列的二维数组 ...
Java 数组转成集合List三种方法和（数组、集合List、Set相互转换）
Java 数组转成集合List 三种方法 package com.list;import java.util.ArrayList; import java.util.Arrays; import ja ...
python二维列表的展开_python将三维数组展开成二维数组的实现
这篇文章尝试用"曲线救国"的方法来解决二维数组叠加成三维数组的问题. 但天道有轮回,苍天绕过谁.好不容易把数组叠加在一块儿了,新的需求又出现了:将三维数组展开成二维数组.有借有还, ...
python将多个3维数组转换成4维数组时，出现（m，）
python将多个3维数组转换成4维数组时,出现(m,)错误. 原因:多个3维数组件存在不同维度的数组,例如大部分3维数组为(n,l,l),而有一个或多个为(m, l, l):且则会出现上述错误. 解 ...
python 将三维数据转为二维_python将三维数组展开成二维数组的实现
这篇文章尝试用"曲线救国"的方法来解决二维数组叠加成三维数组的问题. 但天道有轮回,苍天绕过谁.好不容易把数组叠加在一块儿了,新的需求又出现了:将三维数组展开成二维数组.有借有还, ...
将数组转化成字符串的两种方法
将数组转化成字符串的两种方法 let arr = [1,2,8,9,'西瓜']; console.log(arr.toString());//将数组转化为字符串 console.log(arr.toS ...
xlsx.full.js读取Excel数据转换成二维数组，sheet_to_array
xlsx.full.js读取Excel的sheet数据转换成二维数组,sheet_to_array 解析sheet数据为二维数组测试方法效果鉴于js-xlsx.js没有XLSX.util.she ...
php数组转xml文件,php数组转换成xml格式的实现方法
php数组转换成xml的方法:首先创建一个PHP示例文件:然后定义一个"array_Xml"方法:接着通过foreach循环遍历以及"is_array"等函数实 ...
android java 数组_关于android：Java按月将数组排列成多个数组
我在Java中有一个包含一组随机日期的数组: { January 20 2015, February 12 2015, February 20 2015, June 21 2015, July 12 ...

js 类数组转成真正的数组的方法

一、类数组与数组的区别

二、类数组转化为真的数组

js 类数组转成真正的数组的方法相关推荐

最新文章

热门文章