zoukankan      html  css  js  c++  java
  • JS数组之伪数组以及伪数组转化为标准数组

    什么是伪数组?

    1,具有length属性

    2,能够使用数组遍历方法遍历它们

    3,不具有数组的push,pop等方法

    哪些是伪数组?

    典型的是函数的argument参数,还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组,

    诸如var obj5 = { 99: ‘abc’, length: 100 }这样的数据也是伪数组

    真数组的判断方法

    * 如何判断数据是不是真数组:
    * 1、数据 instanceof Array
    * 2、Object.prototype.toString.call( 数据 ) === '[object Array]'

    伪数组转化为真数组

    1、 声明一个空数组,通过遍历伪数组把它们重新添加到新的数组中 

    var aLi = document.querySelectorAll('li');
    var arr = [];
    for (var i = 0; i < aLi.length; i++) {
       arr[arr.length] = aLi[i]
    }

    2、使用数组的slice()方法 它返回的是数组,使用call或者apply指向伪数组

    var arr = Array.prototype.slice.call(aLi);

    3、使用原型继承

    var aLi = document.querySelectorAll('li');

    console.log(aLi.constructor === Array) //false

    aLi.__proto__ = Array.prototype;

    console.log(aLi.constructor === Array) //true

    4、 ES6中数组的新方法 from()

    function test(){
        var arg = Array.from(arguments);
        arg.push(5);
        console.log(arg);//1,2,3,4,5
    }
    test(1,2,3,4);
  • 相关阅读:
    MERGE引擎 分表后 快速查询所有数据
    MYSQL导入中文数据乱码的四种解决办法
    数据库中为什么不推荐使用外键约束?
    Word转PDF
    YII2 更新数据不成功
    YII2 使用curl请求,返回false
    Yii集成PHPWord
    网站安全DDOS攻击及监测
    nginx日志
    定时任务秒级执行
  • 原文地址:https://www.cnblogs.com/kingchan/p/10947079.html
Copyright © 2011-2022 走看看