web前端培訓之Javascript如何改變陣列的長度?

千鋒教育qyf發表於2021-07-08

  修改陣列長度

  使用“陣列名.length”可以獲取或修改陣列的長度。陣列長度的計算方式為陣列中元素的最大索引值加1,示例程式碼如下。

  var arr = ['a', 'b', 'c'];

  console.log(arr.length); //輸出結果:3

  在上述程式碼中,陣列中最後一個元素是c,該元素的索引為2,因此陣列長度為3。使用arr.length不僅可以獲取陣列長度,還可以修改陣列長度,示例程式碼如下。

  var arr1 = [1, 2];

  arr1.length = 4; //大於原有長度

  console.log(arr1); //輸出結果:(4) [1, 2, empty x 2]

  var arr2 = [1, 2, 3, 4];

  arr2.length = 2; //小於原有長度

  console.log(arr2); //輸出結果: (2) [1, 2]

  在console.log()的輸出結果中,前面的“(4)” 表示陣列的長度為4,後面顯示的是陣列中的元素,emply表示空元素。若length的值大於陣列中原來的元素個數,則缺少的元素會佔用索引位置,成為空元素;若length的值小於陣列中原來的元素個數,多餘的陣列元素將會被捨棄。 當訪問空元素時,返回結果為undefined,示例程式碼如下。

  var arr = [1];

  arr.length = 4; //修改陣列的長度為4

  console.log(arr); //輸出結果: (4) [1, empty x 3]

  console.log(arr[1]); //輸出結果: undefined

  除了上述情況外,還有如下3種常見的情況也會出現空元素。

  //情況1 :在使用字面量建立陣列時出現空元素

  var arr=[1,2, ,4];

  console.log(arr); //輸出結果: (4) [1,2, empty, 4]

  //情況2 :在new Array() 中傳人陣列長度的引數

  var arr = new Array(4);

  console.log(arr); //輸出結果: (4) [empty x 4]

  //情況3:為陣列新增索引不連續的元素

  var arr= [1];

  arr[3] = 4; //向陣列中新增一個元素,索引為3

  console.log(arr); //輸出結果: (4) [1, empty x 2, 4]


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69996644/viewspace-2780397/,如需轉載,請註明出處,否則將追究法律責任。

相關文章