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]; 

 

學習疑問申請解答
您的姓名
您的電話
意向課程
 

中公優就業

IT小助手

掃描上方二維碼添加好友,請備注:599,享學習福利。

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

推薦閱讀

優就業:ujiuye

關注中公優就業官方微信

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

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

1 您的年齡

2 您的學歷

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

獲取測試結果
 
課程資料、活動優惠 領取通道
 
 
最新上架日本 中文频道,什么网址可以看a片,日韩美女一级毛片,性交的视频,那里有黄色网站