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

╰+哭是因爲堅強的太久メ 2022-11-05 13:52 196阅读 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 条评论，196人围观）

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

相关阅读

相关 Java泛型和数组的区别理解

在Java编程中，泛型和数组都是用来处理不同类型数据的机制，但它们之间存在以下几个关键区别： 1. 定义方式： - 数组：通过指定类型声明一个具体的数组，例如 `int

小咪咪/ 2024年11月28日 12:27/ 0 赞/ 16 阅读

相关集合和数组的区别

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

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

相关 Java中集合和数组的区别

区别： 1）数组的长度是固定的，集合的长度可以动态扩展 2）数组只能存储相同类型的数据，集合可以存储不同的类型的数据 > ![054ac162673b4162a2

淩亂°似流年/ 2023年09月29日 06:17/ 0 赞/ 7 阅读

相关 golang切片和数组的区别

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

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

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

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

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

相关指针和数组的区别

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

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

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

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

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

相关链表和数组的区别

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

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

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

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

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

相关链表和数组的区别

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

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