javascript 无法修改 数组中对象_JavaScript之类数组对象

一、什么是类数组对象

它是一个对象 typeof (变量) === 'object'
拥有length属性
可以通过索引访问元素

举个栗子

var 

类数组对象的访问

95bb7c9a32dbfa1fbc376014d2099639.png

类数组对象的赋值

214a454b121bf031424e79f3310b7a78.png

获取类数组对象的长度

67fc7c4510c82e6bcd81d7f9078ff020.png

如何判断一个对象是类数组对象?《javascript权威指南》中给出了鉴别函数

function 

二、类数组对象与数组的区别

类数组对象不能直接使用数组的方法

  • ES5
join、push、pop、shift、unshift、slice、splice、concat、reverse、sort、indexOf、indexLastOf、
  • ES6
every、some、filter、map、forEach、reduce、find、findIndex、fill、copyWithin、entries、keys、values、includes、flat、flatMap

三、类数组对象转换为数组的方法

  • Array.prototype.slice.call()、[].slice.call()

ES5中slice方法的实现

Array

举个栗子

var 

6e8b3879163a9f322985a902c8b59cd3.png
var 

f77ffb96564dfbd3f7329bb07dae43ee.png
var 

06cebdacf39dd0218586c18b7b973ce4.png
var 

947db7564f3122cb77de6e96731e517d.png
  • 原生JS转换
var 

e9cc21b8ac6c01d71301925ce1bb2aa9.png
  • ES6 Array.from()
let arr6 = Array.from(arrLike)

bfd0b638d737d9624109960209971daa.png

四、常见的类数组对象

Arguments
NodeList 节点集合
document.querySelectorAll('div')

963d7a17c5a5755da9a2db45201aeb9b.png
HTMLCollection 元素通用集合
document.getElementsByTagName('div')

d8f8398a5fbb2b2973937626454705b8.png
string: 是一个只读的类数组对象
String.prototype
window
window.length表示网页中iframe的个数
localStorage
sessionStorage
FileList
//html<input>元素的files属性

4eb0a884f6845feaef106efa334feda8.png

五、为什么会出现类数组对象?

六、我的问题

所有的数组一定是类数组对象吗?是否可以这样提问?为什么网上没有相关解释?
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值