伪数组

作者: Lamport | 来源:发表于2019-08-22 10:59 被阅读0次

1、伪数组特点

+ 伪数组是一个对象
+ 必须具有length属性
+ 如果length值不为 0 ,必须按照下标存储数
+ 伪数组进行map、forEach遍历时,会报错

2、常见伪数组

+ 函数内部的arguments
+ 获取到的DOM对象集合
    - document.getElementsByTagName('');
    - document.getElementsByClassName('');
    - ...
+ jQuery对象
    - $("div");
    - $(".className");
    - ...

3、伪数组与数组的区别

+ 伪数组不具有数组所具有的方法
+ 对象没有数组 Array.prototype 的属性值,类型是 Object ,而数组类型是 Array
+ 数组是基于索引的实现, length 会自动更新,而对象是键值对
+ 使用对象可以创建伪数组,伪数组可以正常使用数组的大部分方法

4、伪数组转成真数组

<!-- html片段 -->
<ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
</ul>
// 方法一 : 创建新数组
var oLi = document.querySelectorAll('li');
var arr1 = [];
for( var i = 0;i < oLi.length;i ++ ){
        arr1.push(oLi[i]);
}
// 方法二 : slice 方法
var arr2 = Array.prototype.slice.call(oLi);
// 方法三 : ES 6中数组新方法——from()
var arr3 = Array.from(oLi);

相关文章

  • 伪数组

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

  • JavaScript 数组与伪数组简介

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

  • slice方法

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

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

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

  • js数组的扩展

    1 类数组/伪数组 2 slice将伪数组转数组 3 Array.from() 4 Array.of() 5 co...

  • 数组技巧

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

  • javascript中的伪(类)数组

    1.什么是伪数组? 伪数组(ArrayLike)又称类数组,虽然从名字上来看,貌似和数组很像,但实际上和数组有很大...

  • Vue中用到的一些js基础知识

    伪数组转换为数组 伪数组:不是一个真正的数组, 但是有 length 属性, 可以通过下标访问。例如: [].sl...

  • 数组和伪数组

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

  • 关于伪数组

    关于伪数组 常见的伪数组都有哪些?arguments、通过document.getElements..获取到的内容...

网友评论

      本文标题:伪数组

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