web前端培訓之Javascript如何改變陣列的長度?
修改陣列長度
使用“陣列名.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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Javascript如何改變陣列的長度?JavaScript陣列
- 長沙Web前端培訓:Javascript中的內建物件陣列講解Web前端JavaScript物件陣列
- 好程式設計師web前端培訓分享JavaScript學習筆記之陣列程式設計師Web前端JavaScript筆記陣列
- 好程式設計師web前端培訓分享JavaScript學習筆陣列的排序程式設計師Web前端JavaScript陣列排序
- 長沙web前端培訓班學費多少?長沙培訓前端多少錢?Web前端
- 【Web前端培訓】預解析(變數提升)Web前端變數
- 使用delete刪除陣列,其長度會改變嗎?delete陣列
- 長沙Web前端培訓分享:Web前端學習路線Web前端
- web前端陣列處理之陣列去重Web前端陣列
- web前端陣列處理之扁平化陣列Web前端陣列
- javascript中常用的陣列操作方法,以及是否會改變原始陣列JavaScript陣列
- golang 之slice 變長陣列Golang陣列
- web前端培訓分享Electron之IPC 通訊Web前端
- web前端培訓分享Electron之Main Process APIWeb前端AIAPI
- 如何分辨Web前端培訓機構的好壞Web前端
- 好程式設計師web前端之JavaScript陣列去重方法程式設計師Web前端JavaScript陣列
- web前端培訓哪家好?Web前端
- 長沙Web前端培訓機構哪裡好?花錢培訓值得嗎?Web前端
- 想要轉行Web前端,需要參加長沙Web前端培訓班嗎?Web前端
- 長沙Web前端培訓:優秀的Web前端工程師需要具備什麼?Web前端工程師
- 重寫陣列的方法(改變原陣列)陣列
- 陣列--移除陣列中指定的元素,不改變原陣列和改變原陣列陣列
- 培訓的Web前端什麼水平Web前端
- 長沙WEB前端培訓講解:WEB前端多行文字溢位問題Web前端
- 除了參加長沙Web前端培訓,能自學Web前端開發嗎?Web前端
- Web前端現在還能學嗎?長沙Web前端培訓哪裡好?Web前端
- 長沙前端培訓班分享:JavaScript正則全面解析前端JavaScript
- 好程式設計師web前端培訓分享學習JavaScript程式設計師Web前端JavaScript
- 好程式設計師web前端培訓分享JavaScript框架J程式設計師Web前端JavaScript框架
- web前端培訓:常用的Web前端開發框架有哪些?Web前端框架
- web前端培訓分享:web前端的工作方向是什麼?Web前端
- web前端培訓要學多久Web前端
- Web前端培訓面試攻略Web前端面試
- 如何正確選擇Web前端培訓機構Web前端
- 長沙WEB前端培訓講解:前端快速開發外掛emmetWeb前端
- 長沙Web前端培訓:怎麼才算學好Vue前端框架Web前端Vue框架
- 字元陣列的長度字元陣列
- 好程式設計師web前端培訓分享JavaScript學習筆記之正則程式設計師Web前端JavaScript筆記