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);
  • 相关阅读:
    Selenium2Library+ride学习笔记
    windbg 调试技巧
    LINUX常用命令--重定向、管道篇(四)
    Linux文件系统与结构
    windbg命令学习4
    windbg命令学习3
    windbg命令学习2
    MySQL常用操作命令
    Httpwatch 工具介绍
    windows平台上用python 远程线程注入,执行shellcode
  • 原文地址:https://www.cnblogs.com/kingchan/p/10947079.html
Copyright © 2011-2022 走看看