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

Dear 丶 2022-12-28 01:34 286阅读 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 条评论，286人围观）

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

相关阅读

相关 JS 清空数组的几种方法

1. 将数组修改为\[\]可以清空数组，如果有多个引用时数组在内存中存在被其他变量引用 let user = [{ name: 'zs' }, { name: '

╰+哭是因爲堅強的太久メ/ 2023年10月12日 10:22/ 0 赞/ 113 阅读

相关 JavaScript 数组和类数组鉴定的几种方式

什么是类数组？类数组是拥有length属性，其它属性（索引）为非负整数（对象中的索引会被当做字符串来处理），单数不具有数组所具有的方法； > 类数组和数组的写法是一样

忘是亡心i/ 2023年06月16日 08:28/ 0 赞/ 96 阅读

相关 js数组排序的几种方法

1、冒泡排序以从小到大排序为例，冒泡排序的原理就是通过两层循环把数组中两两相邻的元素进行比较，是的大的元素放到后边，元素交换位置，从而一步步的交换元素的位置，使得最大的元素

女爷i/ 2023年05月31日 06:39/ 0 赞/ 36 阅读

相关创建数组的几种方法

public static void main(String[] args) { //创建数组的第一种方法 int[]

「爱情、让人受尽委屈。」/ 2023年01月20日 09:59/ 0 赞/ 23 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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