JS 类数组转数组的几种方法（四种）

Dear 丶 2022-12-28 01:34 147阅读 0赞

### 总结 ###

1.  for 循环
2.  \[\].slice.call() （calll方法：\[\].map.call()）
3.  ES6语法：Array.from()
4.  ES6语法：展开运算符

原生 js 获取 DOM 元素集合是一个类数组对象，所以不能直接利用数组对象（比如：sort、forEach），需要转换为数组后，才可以使用

下述方法使用 arguments 当伪数组

function fn() { 
        var res = toArr(arguments);
        console.log(res);
    }
    fn("A", 3, 5); // 返回 [ 'A', 3, 5 ]

### 1.for 循环 ###

function toArr(cArr) { 
        var arr = [];
        for (var i = 0; i < cArr.length; i++) { 
            arr.push(cArr[i]);
        }
        return arr;
    }

### 2.\[\].slice.call() `call() 方法` ###

function toArr(cArr) { 
        return [].slice.call(cArr);
    }

*  `arr.slice(start, end)` ：提取索引 start 复制到索引 end 的部分（不包括 end
 *  `Array.prototype.slice.call(arguments, 0)`，就是把 `arguments` 当做当前对象，要调用 `arguments` 的 `slice` 方法，`slice(0)` 获取所有项（不包含索引）
 *  \[\] 是一个数组对象，会去原型链上找 `slice` 这个方法，所以可以简写成 `[].slice.call()`

`call()` 方法可以搭配的比较广，这里再举个例子：可以用 map 方法，返回遍历的 item 即可

function toArr(cArr) { 
        return [].map.call(cArr, (item) => item);
    }

### 3.ES6语法：Array.from() ###

只要有 length 属性的对象，都可以用此方法转换成数组

function toArr(cArr) { 
        return Array.from(cArr);
    }

### 4.ES6语法：展开运算符 ###

function toArr(cArr) { 
        return [...cArr];
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，147人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS 类数组转数组的几种方法（四种）

总结 1. for 循环 2. \[\].slice.call() （calll方法：\[\].map.call()） 3. ES6语法：Array.from()

Dear 丶/ 2022年12月28日 01:34/ 0 赞/ 148 阅读

相关 JS数组去重的几种方法（四种）

数组去重方法一：双 for 循环原理：依次拿出数组中的每一项，和它后面的所有剩余项进行比较，如果有相同的就删除 NaN 与任何值都不相等，包括 Na

布满荆棘的人生/ 2022年12月22日 11:19/ 0 赞/ 189 阅读

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

一、类数组与数组的区别相同点： > 都有 length 属性，都可以用下标访问每一个元素不同点： > 数组的类型是 Array ，类数组的类似是 Object

╰半夏微凉°/ 2022年11月17日 05:25/ 0 赞/ 154 阅读

相关 JS数组转字符串（3种方法）和字符串转数组（2种）

一：数组转字符串(3种方法) 同样是数组转字符串，toString()，toLocaleString()，join()，join(',')的区别是什么？ JavaScr

曾经终败给现在/ 2022年10月19日 04:15/ 0 赞/ 235 阅读

相关 js复制对象和数组的几种方法

js中的基本数据类型可以直接进行复制例如： var str1 = '123456' var str2 = str1 console.log(str

阳光穿透心脏的1/2处/ 2022年05月09日 15:24/ 0 赞/ 203 阅读

相关 js打乱数组的几种方法

今天有小伙伴问到，数组打乱都有什么方法，那么打乱数组有太多的方法了，我这里简单的说三种 1. 利用sort排序方式打乱数组 var arr = [

Dear 丶/ 2022年03月15日 13:37/ 0 赞/ 448 阅读

相关 JS遍历数组的四种方法

1. for和for in :访问数组的下标 for(let i=0;i<arr.length;i++)\{ console.lo

野性酷女/ 2022年02月01日 12:53/ 0 赞/ 277 阅读

相关 js类数组转成数组的方法

类数组对象所谓的类数组对象，JavaScript对它们定义为：它们看起来很像数组，只是具有部分和数组相同特性：拥有length属性元素保存在对象中，可以通

傷城~/ 2021年12月05日 13:27/ 0 赞/ 307 阅读

相关 JS数组遍历的几种方法

for 最简单的一种循环遍历方法，也是使用频率最高的一种，可优化循环过程中支持修改索引（修改 i） var arr = [1, 2, 3,

不念不忘少年蓝@/ 2021年09月19日 03:02/ 0 赞/ 481 阅读

相关 js判断数组的六种方法

① instanceof 操作符判断用法：arr instanceof Array instanceof 主要是用来判定某一个对象是否是某一个构造函数的实例

淡淡的烟草味﹌/ 2021年09月02日 05:02/ 0 赞/ 394 阅读