类数组和数组的区别与转换

╰+哭是因爲堅強的太久メ 2022-11-05 13:52 140阅读 0赞

# 类数组定义 #

1.  任何可迭代的结构，或者拥有`length`属性，其他属性（索引）为非负整数
2.  不具有数组所具有的方法
3.  元素属性名必须是数值或者可转换为数值的字符

> 对象中的索引会被当做字符串来处理

# 常见的类数组 #

*  arguments对象
 *  DOM方法的返回结果，比如`document.getElementsByClassName()`
 *  jQuery对象，比如`$("div")`

# 类数组和数组的区别和联系 #

相同点：

*  都可用下标索引访问每个元素
 *  都有`length`属性

不同点：

*  数组对象类型为`Array`，遍历数组可以用`for...in..`和`for`循环
 *  类数组对象类型为`Object`，遍历类数组只能用`for`循环

# 类数组转换为数组 #

因为类数组不具有数组所具有的API，所以更常用的是将类数组转换为数组

Array.prototype.slice.call(arguments)

该方法是将`arguments`对象转换为数组的写法

function list() { 
    	return Array..prototype.slice.call(arguments);
    }
    var li = list(1,2,3,4);
    console.log(li);
    //[1,2,3,4]

--------------------

Array.from()

该方法ES6新增的方法，它可以将类数组对象和可遍历对象转为数组

console.log(Array.from('star'));
    //['s','t','a','r']

--------------------

Array.of()

该方法也是ES6新增的Array构造函数，用于将参数中所有值作为元素形成数组

console.log(Array.of(1,2,3,4));
    //[1,2,3,4]

--------------------

扩展运算符

扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中，这里参数对象是个数组，数组里面的所有对象都是基础数据类型，将所有基础数据类型重新拷贝到新的数组中。

let arr = [1, 2],
        arr1 = [...arr];
    console.log(arr1); // [1, 2]

--------------------

遍历类数组

类数组本身虽然不是数组，但是有interator接口，所以可遍历。

<div></div>
    <div></div>
    <div></div>
    <script> let list = document.querySelectorAll('div') let divArr = []; for (let i of arr1) { divArr.push(item) } </script>

页面有三个div，list是一个nodeList，即元素集合，并非纯数组,可以用let of遍历。然后依次放入一个空数组。这样divArr就是div元素集合的数组。

发表评论取消回复

表情：

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

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

相关阅读

相关集合和数组的区别

JAVA基础 – 面试篇 1.集合和数组的区别 > 1.数组大小固定，集合大小不固定 > 2.数组只能存储相同的数据类型，集合可以存储多种数据类型 > 3.

分手后的思念是犯贱/ 2024年03月31日 14:39/ 0 赞/ 27 阅读

相关 golang切片和数组的区别

好久的没有写博客了，这段时间没事研究了下go这门语言。我们先介绍下go中的数组和切片的区别和用法说了这么多我们先来看段代码吧 var arr1 [3]int

谁借莪１个温暖的怀抱￠/ 2023年08月17日 17:47/ 0 赞/ 69 阅读

相关将类数组转换为数组的方法

开发过程中，有很多时候获取到的是类似数组的对象。比如元素的集合（elementcollection,nodeList，以及今天开发时发现classList也是类数组）。有时我们

朱雀/ 2023年08月17日 15:29/ 0 赞/ 71 阅读

相关 C++ 指针和数组的关系

指针和数组是密切相关的。事实上，指针和数组在很多情况下是可以互换的。例如，一个指向数组开头的指针，可以通过使用指针的算术运算或数组索引来访问数组。请看下面的程序： i

拼搏现实的明天。/ 2023年01月03日 11:28/ 0 赞/ 118 阅读

相关类数组和数组的区别与转换

类数组定义 1. 任何可迭代的结构，或者拥有`length`属性，其他属性（索引）为非负整数 2. 不具有数组所具有的方法 3. 元素属性名必须是数值或者可转换为数

╰+哭是因爲堅強的太久メ/ 2022年11月05日 13:52/ 0 赞/ 141 阅读

相关指针和数组的区别

指针和数组的区别： 1.空间分配：数组是静态分配，且分配的空间是连续的；指针是动态分配，分配的空间不一定是连续的。 2.安全性：使用数组可能会造成数组越界；指针使用时可能会

朱雀/ 2022年09月23日 14:55/ 0 赞/ 131 阅读

相关集合和数组的相互转换

集合和数组相互转换很多时候API的方法只支持集合或数组，比如适配器类中的数据只支持集合，这时候我们就要把数组转换集合。集合转换成数组可以把String换成其

悠悠/ 2022年06月16日 13:53/ 0 赞/ 183 阅读

相关链表和数组的区别

链表和数组一样是一种数据结构。数组是将元素在内存中连续存放，由于每个元素占用内存相同，所以可以通过下标迅速访问数组中任何元素。但是如果要在数组中增加一个元素，需要

我就是我/ 2022年06月12日 08:48/ 0 赞/ 105 阅读

相关 [Golang]slice的用法以及和数组的区别

> 说明 slice是go的一个语言特性，其实有点类似于cpp的vector，可变长度，可以扩展空间。今天详细看了下，做下总结。 slice本质上是一个区间，原型是\[\

喜欢ヅ旅行/ 2022年05月24日 22:27/ 0 赞/ 137 阅读

相关链表和数组的区别

数组静态分配内存，链表动态分配内存；数组在内存中连续，链表不连续；数组元素在栈区，链表元素在堆区；数组利用下

客官°小女子只卖身不卖艺/ 2021年09月29日 07:36/ 0 赞/ 232 阅读