• JS中的伪数组


    这里把符合以下条件的对象称为伪数组:

    1,具有length属性

    2,按索引方式存储数据

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

    1,function内的arguments 。

    2,通过document.forms,Form.elements,Select.options,document.getElementsByName() ,document.getElementsByTagName() ,childNodes/children 等方式获取的集合(HTMLCollection,NodeList)等。

    3,特殊写法的对象 ,如

    Js代码  收藏代码
    1. var obj={};  
    2. obj[0] = "一";  
    3. obj[1] = "二";  
    4. obj[2] = "三";  
    5. obj.length = 3;   

    它们不具有数组的一些方法如push, pop, shift, join等。有时候需要将这些伪数组转成真正的数组,这样可以使用push, pop等方法。以下是工具函数makeArray

    Js代码  收藏代码
    1. function makeArray(obj){  
    2.     var rs=[],len=obj.length;  
    3.     try{  
    4.         rs = [].slice.call(obj,0);  
    5.     }catch(e){//for IE  
    6.         for(var i=0;j=obj[i++];){  
    7.             rs.push(j);  
    8.         }                     
    9.     }  
    10.     return rs;    
    11. }  

    以下分别测试以上三种伪数组:

    Js代码  收藏代码
    1. //定义一个函数fun,内部使用makeArray将其arguments转换成数组  
    2. function fun(){  
    3.     var ary = makeArray(arguments);  
    4.     alert(ary.constructor );  
    5. }  
    6. //调用  
    7. fun(3,5);  
    8.   
    9.   
    10. //假设页面上有多个段落元素p  
    11. var els = document.getElementsByTagName("p");  
    12. var ary1 = makeArray(els);  
    13. alert(ary1.constructor);  
    14.   
    15.   
    16. //特殊的js对象(如jquery对象)  
    17. var obj={};  
    18. obj[0] = "一";  
    19. obj[1] = "二";  
    20. obj[2] = "三";  
    21. obj.length = 3;   
    22.   
    23. var ary2 = makeArray(obj);  
    24. alert(ary2.constructor);  
  • 相关阅读:
    SQL学习(一)之简介
    Mysql学习(三)之数据库管理工具Navicat
    Mysql学习(二)之安装、开启自启、启动、重启、停止
    Mysql学习(一)之简单介绍
    Mysql学习(二)之通过homebrew安装mysql后,为什么在系统偏好设置里没有mysql
    Git复习(十三)之git revert用法及与git reset区别
    Git复习(十二)之命令专场
    PE笔记之节
    PE文件格式---节和节表
    PE笔记之NT头PE扩展头
  • 原文地址:https://www.cnblogs.com/ypinchina/p/6405774.html
Copyright © 2020-2023  润新知