美文网首页
伪数组 与真数组的区别

伪数组 与真数组的区别

作者: lessonSam | 来源:发表于2020-03-18 01:24 被阅读0次

当我们了解伪数组之前先了解下普通的数组的特点

数组是用来存储一系列值的一个集合,而每个值在数组里面都有一个对应的索引,也可以叫做下标,索引是从0开始的,依次递增。
比如:

let arr = ['a','b','c']

字符串a,b,c对应的下标分别为0, 1, 2,使用 数组名字[索引] 的方法即可取到对应的值。
1
2
数组的length为数组当中所存值的总个数,比如上方定义的arr数组的length就是3。

伪数组的介绍:
伪数组我们可以理解为类似数组的一个集合,我们常见的有俩个,一个是arguments还有一个是DOM的children属性,获取回来的子节点集合。他们与数组一样,具有索引(下标)和length属性。可以通过for循环写循环语句去循环遍历。我们可以简单看一下伪数组的样子:
arguments伪数组的样子:

children伪数组的样子:

伪数组与数组的区别:
伪数组与数组的区别就是它们的proto区别,

ES5新增数组遍历迭代的方法
而伪数组却没有,所以我们称这类解构类似数组却没有数组方法的集合叫做伪数组。

将伪数组变成真数组的方法:

// 假设我们获取到了一个一个页面的所有div,这就是一个伪数组。

const fakeArr = document.getElementsByTagName('div')

// 我们可以进行重新赋值也可以用一个新变量接收或者在上方就进行转换简写都可以,笔者拿个新变量接收他。
// 如果你要重新赋值别忘了将const变成let。

const realArr = Array.prototype.slice.call(fakeArr);

相关文章

  • 伪数组

    1、伪数组特点 2、常见伪数组 3、伪数组与数组的区别 4、伪数组转成真数组

  • JavaScript 数组与伪数组简介

    JavaScript-数组与伪数组简介 本文章面向小白 数组与伪数组的概念 数组与伪数组从何而来在JavaScri...

  • 数组与伪数组(jQuery初探)

    一. 数组与伪数组用法区别: 1.数组用法 有Array.prototype原型对象里的属性和方法,可以push ...

  • 数组和伪数组

    数组和伪数组的区别 伪数组是一个对象(Object),而真实的数组是一个数组(Array)也是对象 拥有lengt...

  • 伪数组 与真数组的区别

    当我们了解伪数组之前先了解下普通的数组的特点 数组是用来存储一系列值的一个集合,而每个值在数组里面都有一个对应的索...

  • 前端常见面试题(十)

    目录: 1,简述同步和异步的区别 2, 数组去重(手写代码) 3, 在JavaScript中什么是伪数组?如何将伪...

  • 数组与伪数组

    标准库,js内存里两种stack栈内存,heap堆内存stack重要变量global/window,window是...

  • AutoHotKey伪数组、数组与关联数组

    来吧!然我们一起领略一下数组的神奇。常见的数组有三种,伪数组、数组、关联数组。 伪数组 伪数组应该是AutoHot...

  • slice方法

    slice方法 实现伪数组转数组:[].slice.call(伪数组)

  • 数组技巧

    数组随机打乱 伪数组转成数组 伪数组arrayLike,必须按照索引存储,具有length属性,缺少数组的push...

网友评论

      本文标题:伪数组 与真数组的区别

      本文链接:https://www.haomeiwen.com/subject/krpfyhtx.html