javascript 类数组

不念不忘少年蓝@ 2022-12-23 15:27 134阅读 0赞

### 一、什么是类数组 ###

1.  具有 `length` 属性，且其属性为非负整数(类索引)的**对象**
2.  不具有数组的方法

### 二、常见的类数组 ###

1.  函数的 `arguments` 对象
2.  DOM 对象列表（比如通过 `document.querySelectorAll` 得到的列表）

### 三、类数组与数组的相互转换 ###

##### 1. 数组转类数组 #####

*  `Array.prototype.push.apply(arrayLike, array)`
    
        var array = [1,2,3];
        var arrayLike = { };
        Array.prototype.push.apply(arrayLike, array);
        // objL: {0: 1, 1: 2, 2: 3, length: 3};

##### 2. 类数组转数组 #####

arrayLike = { 0: 1, 1: 2, 2: 3, length: 3};

*  `Array.prototype.slice.call(arrayLike, startIndex)`
    
        var array = Array.prototype.slice.call(arrayLike, 0);
 *  ES6 `Array.from(arrayLike)`
    
        var array = Array.from(arrayLike)

##### 注意：ES6的解构语法只能把可迭代的对象转为数组。所以普通的类数组无法解构。 #####

*  解构普通类数组报错
    
        var arrayLike = { 0: 1, 1: 2, 2: 3, length: 3};
        array = [...arrayLike]	// Uncaught TypeError: arrayLike is not iterable
 *  可迭代类数组 `arguments` 对象
    
        function foo(){ 
        	console.log([...arguments]);
        }
        foo(1,2,3)

发表评论取消回复

表情：

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

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

相关阅读

相关 javascript 类数组

一、什么是类数组 1. 具有 `length` 属性，且其属性为非负整数(类索引)的对象 2. 不具有数组的方法二、常见的类数组 1. 函数的 `argu

不念不忘少年蓝@/ 2022年12月23日 15:27/ 0 赞/ 135 阅读

相关 javascript数组

文章目录数组使用字面量创建数组添加元素删除数组的提取sli

约定不等于承诺〃/ 2022年09月08日 00:11/ 0 赞/ 173 阅读

相关 javascript--数组

数组 1、定义：一组数组，相当于一组数量 2、语法一： var stu=new Arry(10);--------数组的长度stu.length为10 v

缺乏、安全感/ 2022年08月23日 00:38/ 0 赞/ 181 阅读

相关 javascript 数组

1. 创建数组 var empty=\[\];//创建一个空数组 var primes=\[2,,3,5,7,11,\];//一个有5个值的数组

落日映苍穹つ/ 2022年08月21日 03:15/ 0 赞/ 200 阅读

相关 JavaScript数组

何为数组：所谓数组，就是相同数据类型的元素按一定顺序排列的[集合][Link 1]，就是把有限个类型相同的变量用一个名字命名，然后用编号区分他们的变量的集合，这个名字称为数

小鱼儿/ 2022年08月18日 12:28/ 0 赞/ 196 阅读

相关浅谈JavaScript类数组对象转换为数组对象

1、类数组对象：拥有length属性，可以通过下标访问；不具有数组所具有的方法。 2、为什么要将类数组对象转换为数组对象？数组对象Array有很多方法：sh

谁践踏了优雅/ 2022年06月17日 11:41/ 0 赞/ 231 阅读

相关 JavaScript-数组

1 什么是数组我们知道变量用来存储数据，一个变量只能存储一个内容。假设你想存储10个人的姓名或者存储20个人的数学成绩，就需要10个或20个变量来存储，如果需要存储更多

骑猪看日落/ 2022年06月12日 03:42/ 0 赞/ 188 阅读

相关 Javascript-数组

Javascript-数组数组的概念：数组是一种带索引的数据存储位置，各位置的名称相同，以不同的下标或索引来区分。下标(索引)：

逃离我推掉我的手/ 2022年06月04日 00:08/ 0 赞/ 214 阅读

相关 JavaScript-数组||类数组

数组:数组就是一组数据的集合,其表现形式就是内存中的一段连续的内存地址,数组名称其实就是连续内存地址的首地址. 数组的产生： 1：new Array(length||con

小灰灰/ 2022年05月27日 04:46/ 0 赞/ 223 阅读

相关 JavaScript 类数组

类数组属性要为(数字索引),必须有length属性，最好加上push //类数组 var obj = { "0

骑猪看日落/ 2022年01月12日 10:01/ 0 赞/ 195 阅读