<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    tinguo002

     

    js數組操作大全(轉)

    js數組操作大全(轉)

    shift:刪除原數組第一項,并返回刪除元素的值;如果數組為空則返回undefined
    var a = [1,2,3,4,5];
    var b = a.shift(); //a:[2,3,4,5] b:1

    unshift:將參數添加到原數組開頭,并返回數組的長度
    var a = [1,2,3,4,5];
    var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7
    注:在IE6.0下測試返回值總為undefined,FF2.0下測試返回值為7,所以這個方法的返回值不可靠,需要用返回值時可用splice代替本方法來使用。

    pop:刪除原數組最后一項,并返回刪除元素的值;如果數組為空則返回undefined
    var a = [1,2,3,4,5];
    var b = a.pop(); //a:[1,2,3,4] b:5

    push:將參數添加到原數組末尾,并返回數組的長度
    var a = [1,2,3,4,5];
    var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7

    concat:返回一個新數組,是將參數添加到原數組中構成的
    var a = [1,2,3,4,5];
    var b = a.concat(6,7); //a:[1,2,3,4,5] b:[1,2,3,4,5,6,7]

    splice(start,deleteCount,val1,val2,...):從start位置開始刪除deleteCount項,并從該位置起插入val1,val2,...
    var a = [1,2,3,4,5];
    var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4]
    var b = a.splice(0,1); //同shift
    a.splice(0,0,-2,-1); var b = a.length; //同unshift
    var b = a.splice(a.length-1,1); //同pop
    a.splice(a.length,0,6,7); var b = a.length; //同push

    reverse:將數組反序
    var a = [1,2,3,4,5];
    var b = a.reverse(); //a:[5,4,3,2,1] b:[5,4,3,2,1]

    sort(orderfunction):按指定的參數對數組進行排序
    var a = [1,2,3,4,5];
    var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5]

    slice(start,end):返回從原數組中指定開始下標到結束下標之間的項組成的新數組
    var a = [1,2,3,4,5];
    var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5]

    join(separator):將數組的元素組起一個字符串,以separator為分隔符,省略的話則用默認用逗號為分隔符
    var a = [1,2,3,4,5];
    var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

    數組是JavaScript提供的一個內部對象,它是一個標準的集合,我們可以添加(push)、刪除(shift)里面元素,我們還可以通過for循環遍歷里面的元素,那么除了數組我們在JavaScript里還可以有別的集合嗎?

      由于JavaScript的語言特性,我們可以向通用對象動態添加和刪除屬性。所以Object也可以看成是JS的一種特殊的集合。下面比較一下Array和Object的特性:

      Array:

    新建:var ary = new Array(); 或 var ary = [];
    增加:ary.push(value);
    刪除:delete ary[n];
    遍歷:for ( var i=0 ; i < ary.length ; ++i ) ary[i];

      Object:

    新建:var obj = new Object(); 或 var obj = {};
    增加:obj[key] = value; (key為string)
    刪除:delete obj[key];
    遍歷:for ( var key in obj ) obj[key];

      從上面的比較可以看出Object完全可以作為一個集合來使用,在使用Popup窗口創建無限級Web頁菜單(3)中我介紹過Eric實現的那個__MenuCache__,它也就是一個模擬的集合對象。

      如果我們要在Array中檢索出一個指定的值,我們需要遍歷整個數組:

      
    代碼:
    var keyword = ;
      for ( var i=0 ; i < ary.length ; ++i )
      {
      if ( ary[i] == keyword )
      {
      // todo
      }
      }

      而我們在Object中檢索一個指定的key的條目,只需要是要使用:

      
    代碼:
    var key = '';
      var value = obj[key];
      // todo

     Object的這個特性可以用來高效的檢索Unique的字符串集合,遍歷Array的時間復雜度是O(n),而遍歷Object的時間復雜度是O(1)。雖然對于10000次集合的for檢索代價也就幾十ms,可是如果是1000*1000次檢索或更多,使用Object的優勢一下就體現出來了。在此之前我做了一個mapping,把100個Unique的字符mapping到1000個字符串數組上,耗時25-30s!后來把for遍歷改成了Object模擬的集合的成員引用,同樣的數據量mapping,耗時僅1.7-2s!!!

      對于集合的遍歷效率(從高到低):var value = obj[key]; > for ( ; ; ) > for ( in )。效率最差的就是for( in )了,如果集合過大,盡量不要使用for ( in )遍歷。



    歡迎大家訪問我的個人網站 萌萌的IT人

    posted on 2013-04-12 18:00 一堣而安 閱讀(206) 評論(0)  編輯  收藏 所屬分類: js_css

    導航

    統計

    常用鏈接

    留言簿(1)

    隨筆分類

    隨筆檔案

    收藏夾

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲区视频在线观看| 久久久亚洲精品蜜桃臀| 亚洲视频在线观看视频| 中文字幕人成人乱码亚洲电影| 亚洲最大的成人网站| 成熟女人特级毛片www免费| 亚洲中文字幕无码日韩| 中国一级特黄高清免费的大片中国一级黄色片 | 国产99视频精品免费视频7| 亚洲乱码日产精品一二三| 成人免费看片又大又黄| 亚洲日韩AV一区二区三区中文| 免费A级毛片无码免费视| 亚洲日韩国产AV无码无码精品| 色吊丝最新永久免费观看网站| 亚洲国产精华液2020| 亚洲国产人成中文幕一级二级| 国产成人精品免费视频大全| 四色在线精品免费观看| 亚洲AV成人无码网天堂| 亚洲日韩在线第一页| 国产精成人品日日拍夜夜免费| 亚洲 另类 无码 在线| 中文字幕无线码中文字幕免费| 久久精品国产精品亚洲艾| 国产精品免费在线播放| 婷婷久久久亚洲欧洲日产国码AV| 久久久久久曰本AV免费免费| 亚洲色成人四虎在线观看| 亚洲国产a级视频| 无码精品人妻一区二区三区免费看| 亚洲高清免费在线观看| 日韩一级在线播放免费观看| 亚洲成人激情小说| 亚洲免费视频一区二区三区| 四虎影视在线影院在线观看免费视频 | 亚洲白色白色永久观看| 日本免费一区二区三区最新| 好男人资源在线WWW免费| 亚洲香蕉久久一区二区| 无码国产精品一区二区免费式直播 |