• <xmp id="wgksg"><samp id="wgksg"></samp>
  • <blockquote id="wgksg"></blockquote>
  • 400-650-7353

    精品課程

    您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】如何構造Array數組函數

    【Web前端基礎知識】如何構造Array數組函數

    • 發布: Web前端培訓
    • 來源:Web前端干貨資料
    • 2021-02-25 10:27:55
    • 閱讀()
    • 分享
    • 手機端入口

    數組(Array)在前端開發中經常使用,今天我們來學習下數組。我們從Array創建方式(構造函數、字面量),實例方法等方面來學習Array。

    構造函數。

    Array是 JavaScript 的原生對象,同時也是一個構造函數,可以用它生成新的數組。

    1. var arr = new Array(2); 
    2. console.log(arr.length); // 2 
    3. console.log(arr); // [ empty x 2 ] 

    在上面代碼中,Array構造函數的參數2,表示生成一個兩個成員的數組,每個位置都是空值。

    【Web前端基礎】如何構造Array數組函數

    如果沒有使用new,運行結果也是一樣的。也就是 var arr = new Array(2); 等同于 var arr = Array(2);

    Array構造函數有一個很大的缺陷,就是不同的參數,會導致它的行為不一致。

    1. // 無參數時,返回一個空數組 
    2. new Array() // [] 
    3. ​ 
    4. // 單個正整數參數,表示返回的新數組的長度 
    5. new Array(1) // [ empty ] 
    6. new Array(2) // [ empty x 2 ] 
    7. ​ 
    8. // 非正整數的數值作為參數,會報錯 
    9. new Array(3.2) // RangeError: Invalid array length 
    10. new Array(-3) // RangeError: Invalid array length 
    11. ​ 
    12. // 單個非數值(比如字符串、布爾值、對象等)作為參數,則該參數是返回的新數組的成員 
    13. new Array('abc') // ['abc'] 
    14. new Array([1]) // [Array[1]] 
    15. ​ 
    16. // 多參數時,所有參數都是返回的新數組的成員 
    17. new Array(1, 2) // [1, 2] 
    18. new Array('a', 'b', 'c') // ['a', 'b', 'c'] 

    使用構造函數Array創建數組,不傳參數,會得到一個空數組;如果參數只有一個而且參數為正整數,表示新數組的長度;如果使用非正整數作為參數,會報錯;如果單個非數字作為參數,那么這個參數就是新數組的成員;如果是多個參數,那么所有的參數都是新數組的成員。

    通過上面的代碼,可以看到,Array作為構造函數,行為很不一致。因此,不建議使用它生成新數組,直接使用數組字面量是更好的做法,而我們在開發中更多的也是使用字面量形式創建數組。比如下面的代碼:

    1. // 構造函數形式 
    2. var arr = new Array(1, 2, 3); 
    3. ​ 
    4. // 字面量形式 
    5. var arr = [1, 2, 3]; 

     

    課程好禮申請領取
    您的姓名
    您的電話
    意向課程
     

    中公優就業

    官方QQ

    掃描上方二維碼或點擊一鍵加群,免費領取價值599元網課,加群暗號:599。 一鍵加群

    >>本文地址:
    注:本站稿件未經許可不得轉載,轉載請保留出處及源文件地址。

    推薦閱讀

    優就業:ujiuye

    關注中公優就業官方微信

    • 關注微信回復關鍵詞“大禮包”,領80G學習資料
    QQ交流群
    領取免費網課
    (加群備注“網站”)
    IT培訓交流群 加入群聊 +
    軟件測試 加入群聊 +
    全鏈路UI/UE設計 加入群聊 +
    Python+人工智能 加入群聊 +
    互聯網營銷 加入群聊 +
    Java開發 加入群聊 +
    PHP開發 加入群聊 +
    VR/AR游戲開發 加入群聊 +
    大前端 加入群聊 +
    大數據 加入群聊 +
    Linux云計算 加入群聊 +
    優就業官方微信
    掃碼回復關鍵詞“大禮包”
    領取80G學習資料

    測一測
    你適合學哪門IT技術?

    1 您的年齡

    2 您的學歷

    3 您更想做哪個方向的工作?

    獲取測試結果
     
    課程資料、活動優惠 領取通道
     
     
    A级毛片毛片免费观看久,A毛看片免费观看视频,毛片曰本女人牲交视频视频