类数组与数组的区别及相互转化，通过Array.from将类数组转为真正的数组

置顶 已于 2024-04-01 10:57:41 修改
阅读量4k 收藏 13
点赞数 5
分类专栏： JS实战记录 文章标签： js
于 2020-05-18 16:16:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37635012/article/details/106195211
版权
本文探讨了函数的arguments对象作为类数组的特点，包括它与数组的不同之处，如类型和方法。文章还介绍了如何通过Array.from方法将类数组转换为真正的数组，列举了多个示例，包括使用DOM操作获取的类数组集合的转换方法。
摘要由CSDN通过智能技术生成

函数的arguments对象

arguments是一个类数组对象，包含着传入函数中的所有实参集合，虽然arguments主要作用是保存函数实参，但这个arguments有一个callee属性，它是一个指针，指向拥有这个arguments对象的函数。

函数也是对象，因此函数也有属性和方法，每个函数都包含length属性和prototype这个原型属性，其中，length表示函数希望接收的形参个数.
在这里插入图片描述

类数组与数组的区别

类数组就是长得像数组，但不是真正的数组，如果要获取类数组的元素需要将其先转为真正的数组后再通过索引获取元素值。

相同点：都可用下标访问每个元素，都有length属性。

不同点：数组对象的类型是Array,类数组对象的类型是object，也就是说类数组原型是Object;类数组不具有数组所具有的方法，数组遍历可以用 for in和for循环,类数组只能用for循环遍历。

常见的类数组有: 函数的参数 arguments, DOM 对象列表(比如通过 document.quer

了解本专栏 订阅专栏 解锁全文 超级会员免费看
百思不得小李
关注
专栏目录
订阅专栏
Array.from()的使用方法(数组去重，伪数组转为数组，数组浅克隆)，Set和Map数据结构
m0_54849806的博客
09-11 692
?Array.from()方法从类似数组或可迭代对象创建一个新的(浅拷贝)的数组实例arrayLike：必选，想要转换成数组的伪数组对象或可迭代对象mapFn：可选，如果指定了该参数，新数组中的每个元素会执行该函数thisArg：可选，执行回调函数mapFn时this对象可迭代的对象包括ES6新增的数据结构Set和MapArray.from可以通过以下方式来创建数组对象1. 伪数组(拥有一个length属性和若干索引属性的任意对象)
python读取csv并转为数组_在python中将CSV转换为数组(Convert from CSV to array in Python)...
weixin_39996908的博客
12-08 2043
在python中将CSV转换为数组(Convert from CSV to array in Python)我有一个包含以下内容的CSV文件。0.000264,0.000352,0.000087,0.0005490.00016,0.000223,0.000011,0.0001420.008853,0.006519,0.002043,0.0098190.002076,0.001686,0.00095...
2023前端面试
最新发布
m0_57082876的博客
07-28 118
通过 SSR，用户可以更快地看到页面的内容，因为无需等待客户端的 JavaScript 代码下载、解析、执行和渲染。服务器端渲染（Server Side Rendering，简称 SSR）是一种 web 应用的渲染方式，其实现原理是在服务器端将页面内容渲染为 HTML 字符串，然后将这些字符串发送到客户端，客户端接收到 HTML 后直接显示，无需等待 JavaScript 的解析、执行和渲染。3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。
数组与类数组的区别
qq_34639706的博客
08-12 894
类数组定义 1）拥有length属性，其它属性（索引）为非负整数（对象中的索引会被当做字符串来处理）； 2）不具有数组所具有的方法； javascript中常见的类数组有 arguments对象和 DOM方法的返回结果。比如 document.getElementsByTagName()。 判断是否是类数组 function isLikeArray(o) { if (typeof o === 'object' && isFinite(o.length) && o.l
数组和类数组的区别
飞翔的熊blabla
04-22 2217
什么是类数组： 　　　　上一个例子： 　　　　输出结果： 类数组是指在写法上跟数组一样， 例如 arguments 和 length 写法上跟数组一样， 不具有数组所具有的方法 但类数组，只是一个普通的对象，他的原型是Object。 而真实的数组是Array类型。、 把对象变成数组的方法： 　　方法一： 　　输出结果： 返回一个原型为Arr...
类数组和数组的区别
weixin_43562354的博客
10-16 1456
类数组： 1、拥有length属性，其它属性（索引）为非负整数 2、不具有数组所具有的的方法； 3、类数组是一个普通对象，而真实的数组是Array类型 常见的类数组： 函数的参数arguments； DOM对象列表（通过document.querySelectorAll）得到的列表； jquery对象（比如$(“div”)） 类数组可以转换为数组： Array.from(arrayLike); ...
类数组和数组的区别是什么？
weixin_30485799的博客
06-10 593
类数组: 1）拥有length属性，其它属性（索引）为非负整数（对象中的索引会被当做字符串来处理）; 2）不具有数组所具有的方法； 类数组是一个普通对象，而真实的数组是Array类型。 常见的类数组有: 函数的参数 arguments, DOM 对象列表(比如通过 document.querySelectorAll 得到的列表), jQuery 对象 (比如 $(“div”)). 类数组...
数组和类数组的区别以及转换
Zing_ing的博客
03-14 494
常见的类数组有: 函数的参数 arguments, DOM 对象列表(比如通过 document.querySelectorAll 得到的列表), jQuery 对象 (比如 $(“div”)).，使用getElementsByTagName()或者getElementsByName()返回得到的结果。Array.from()是ES6中新增的方法，可以将两类对象转为真正的数组：类数组对象和可遍历（iterable）对象（包括ES6新增的数据结构Set和Map）。输出为原型为Object 的一个对象。
类数组和数组的区别与转换
PILIpilipala的博客
03-06 984
类数组定义 任何可迭代的结构，或者拥有length属性，其他属性（索引）为非负整数 不具有数组所具有的方法 元素属性名必须是数值或者可转换为数值的字符 对象中的索引会被当做字符串来处理 常见的类数组 arguments对象 DOM方法的返回结果，比如document.getElementsByClassName() jQuery对象，比如$("div") 类数组和数组的区别和联系 相同点： 都可用下标索引访问每个元素 都有length属性 不同点： 数组对象类型为Array，遍历数组可以用
ES6——数组扩展 ... Array.from() Array.of() flat() reduce()
ling_xy的博客
09-27 805
文章目录1.扩展运算符...2.Array.from()类数组3.Array.of()4.find() 和 findIndex()5.fill() 填充数组6.数组实例的 entries()，keys() 和 values()7.includes()8.flat()，flatMap() 1.扩展运算符… ES6——扩展运算符… 2.Array.from() 将两类对象转为真正的数组：类数组（querrySelectAll）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）
类数组转化为真正数组
Haines
08-24 134
1.Array.from(arrayLike) 2.Array.prototype.slice.call(arrayLike)
举例讲解JavaScript中将数组元素转换为字符串的方法
12-28
<p id=demo>Click the button to extract the second and the third elements from the array. ​ <button onclick=myFunction()>Try it</button> ​ [removed] function myFunction() { var fruits = ...
js深入学习专题 ------ 类数组的对象和数组对象的区别和联系
淡淡忧桑
11-16 3291
类数组对象：（看例子）            var a = {};        var i =10; while(i  a[i] = i*i; i++; } 数组对象呢： var b = []; var i =0; while(i b[i] = i*i; i++; } 其实你从源代码上面去看也没有什么大的区
类数组与数组的区别
weixin_41387874的博客
04-11 224
类数组与数组的区别 相同点：都可用下标访问每个元素，都有length属性。 不同点：数组对象的类型是Array,类数组对象的类型是object，也就是说类数组原型是Object;类数组不具有数组所具有的方法，数组遍历可以用 for in和for循环,类数组只能用for循环遍历。 ...
3、类数组与数组的区别与转换
Slueia的博客
11-25 164
https://blog.csdn.net/qq_37635012/article/details/106195211
类数组与数组
qq_38110572的博客
07-05 1976
数组和类数组对象有什么区别 数组和类数组对象都可以用索引访问，并具有length属性，不同是类数组不能调用数组的方法。 什么是类数组对象 拥有length属性 元素保存在对象中，可以通过索引访问 但是没有数组的其他方法，例如：push、slice、indexOf等 let abc = { 0: 'html', 1: 'css', 2: 'JavaScript', length: 3 }; // 因为foo对象本身并没有slice方法，所以通过call调用 var arr
类数组和数组
Mr.ShyZhang趟过的前端“小路坑”
06-10 4324
类数组和数组的转化类数组和数组的区别
类数组转化为数组
qq_41770012的博客
02-28 213
类数组转化为数组 @(前端) var oLis = document.getElementByTagName("div"); console.dir(oLis);//-&gt;HTMLCollection元素集合类的一个实力，他也是类数组集合 OLis = document.getElementByName("aaa"); console.dir(oLis);//-&gt;NodeL...
前端JS必备知识点：类数组与数组的区别与转换
weixin_42721322的博客
05-26 747
类数组与数组的区别与转换 类数组 拥有length属性，其它属性（索引）为非负整数（对象中的索引会被当做字符串来处理） 不具有数组所具有的方法 是一些元素的集合（普通对象），相当于是个伪数组，数组是Array型 在JavaScript中常见的类数组有：内置对象arguments、DOM方法返回的结果（如：document.querySelectorAll('li')，document.getElementsByTagName('div')）; 由于在开发中我们经常要对一些DOM方法返回的结果做一些
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值