伪数组 伪数组怎样使用数组里面的方法

news/2024/7/11 1:53:56 标签: javascript, es6, 前端

伪数组

伪数组它的类型不是Array,而是Object,而数组类型是Array。可以使用的length属性查看长度,也可以使用[index]获取某个元素,但是不能使用数组的其他方法,也不能改变长度,遍历使用for in方法。

伪数组就是一个长得像数组有length和[ ]成员但又不是真的数组,不能用数组傻瓜吗的方法比如push,shift
常见的伪数组:argumentsgetElementsByTagName和document.querySelectorAll,getElementsByClassName以及getElementsByClassName等获取的NodeList对象和jQuery对象,比如$(“div”)`

真数组

javascript">//真数组
let a=[1,2,3,4,5,6,7]
a.push(10)
const m=a.shift()
console.log(m);
console.log(a);

在这里插入图片描述
伪数组
//伪数组
arguments

javascript">//伪数组
function q(w,e,r,t,m){
  arguments.shift()
  arguments.push("s")
console.log(arguments);
}
const mm=new q("夕阳",'西下',"断肠人","在天涯")

在这里插入图片描述
DOM的子节点
在这里插入图片描述
看一下argumnts和 DOM的子节点
在这里插入图片描述
他们长得都很像数组

伪数组怎样使用数组里面的方法

就是应数组原型上面的call方法
具体操作如下

Array.prototype.slice.call(你要操作的伪数组)
slice() 方法以新的数组对象,返回数组中被选中的元素。
slice() 方法选择从给定的 start 参数开始的元素,并在给定的 end 参数处结束,但不包括。
这个方法接收到的就是一个真数组,call(用apply)指向这个真数组 slice不传参就返回这一个数组
在这里插入图片描述


http://www.niftyadmin.cn/n/1371658.html

相关文章

关于TCP传输协议(面向连接篇)

关于TCP传输协议(面向连接篇) “ 此篇文章主要是想简单介绍一下TCP协议,大部分内容都是结合自己的理解,尽量用通俗的语言描述问题” - 我理解的面向连接 在最开始学的时候我也不太能理解面向连接怎么理解,难是真的有一…

关于TCP传输协议(协议头详解篇)

关于TCP传输协议(协议头详解篇) 在进行网络通信时,如果传输层选择的是TCP协议,那么你接下来每次进行网络通信时,都会在你的数据上包装一个TCP协议头,来控制你数据的可靠性以及网络传输性能问题,…

发布订阅模式 以及和观察者模式的区别

代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, initia…

Linux系统之信号及处理流程(图详解)

关于Linux系统&#xff08;信号篇&#xff09; 引言&#xff1a;信号机制是一种使用信号来进行进程之间传递消息的方法&#xff0c;信号的全称为软中断信号&#xff0c;简称软中断。信号的本质是软件层次上对中断的一种模拟&#xff08;软中断&#xff09;。它是一种异步通信的…

策略模式 js

第一种&#xff08;添加&#xff0c;删除麻烦&#xff09; //接收两个参数&#xff0c;价格&#xff0c;折扣种类function calcPrice(price,type){if(type"100-10"){price-10}else if(type"200-25"){price-25}else if(type80%){price*0.8}else{console.log…

华为OD机试真题 Python 实现【单词倒序】【2023Q1 100分】,附详细解题思路

目录 一、题目描述二、输入描述三、输出描述四、解题思路五、Python算法源码六、效果展示1、输入2、输出3、思路 一、题目描述 输入单行英文句子&#xff0c;里面包含英文字母&#xff0c;空格以及.? 三种标点符号&#xff0c;请将句子内每个单词进行倒序&#xff0c;并输出倒…

TCP协议可靠性以及传输速率的保证(图解)

TCP协议可靠性以及传输速率的保证可靠性的保证1.缓冲区2. 确认应答机制3. 超时重传机制4. 差错校验机制传输速率的保证1. 全双工2. 滑动窗口3. 拥塞控制4.延持应答5.捎带应答可靠性的保证 1.缓冲区 在UDP协议中是没有真正意义的发送缓冲区的&#xff0c;所以这也就确定了UDP是…

TCP与UDP对比、区别、优缺点及应用场景

TCP与UDP对比、区别、优缺点及应用场景 TCP与UDPTCP与UDP对比、区别、优缺点及应用场景1.相同点2.不同点3.优缺点4.应用场景1.相同点 tcp与udp都是传输层协议&#xff0c;直接与应用层交互。 2.不同点 TCP面向连接&#xff0c;在发送数据之前&#xff0c;会先发送报文确定双方…