zoukankan      html  css  js  c++  java
  • 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);  
  • 相关阅读:
    校内题目T2695 桶哥的问题——吃桶
    一位大佬对学习哲理的思考
    P2845 [USACO15DEC]Switching on the Lights 开关灯
    CF911F Tree Destruction
    CF995C Leaving the Bar
    CF997B Roman Digits
    P1667 数列
    P4035 [JSOI2008]球形空间产生器
    P2679 子串
    P2613 【模板】有理数取余
  • 原文地址:https://www.cnblogs.com/ypinchina/p/6405774.html
Copyright © 2011-2022 走看看