Java入門到架構師教程之JavaScript陣列
阿新 • • 發佈:2021-12-01
陣列是按次序排列的一組資料,每個值的位置都有編號(從0開始),整個陣列用方括號表示。
1、陣列定義
JS 中定義陣列的三種方式如下(也可先宣告再賦值):
var arr = [值1,值2,值3]; // 隱式建立 var arr = new Array(值1,值2,值3); // 直接例項化 var arr = new Array(size); // 建立陣列並指定長度
2、陣列基本操作
陣列的長度可以通過length屬性來獲取,並可以任意更改。
陣列名.length
陣列名.length = 新長度
陣列中的每一個元素都可以被訪問和修改,甚至是不存在的元素,無所謂越界
陣列名[下標] 陣列名[下標]= 新值
3、陣列遍歷
陣列的遍歷即依次訪問陣列的每一個元素 ,JS提供三種遍歷陣列的方式:
1)、普通的for迴圈遍歷
for(var i=0; i<=陣列.length-1; i++){ } 如: for(var idx=0;idx<arr.length;idx++){ console.log(arr[idx]); }
2)、for ... in
for(var 下標(名稱任意) in 陣列名){ 陣列名[下標]是獲取元素 } // 下標(名稱任意) 如: for(var idx in arr){ console.log(arr[idx]); }
3)、forEach
陣列名.forEach(function(element,index){ // element(名稱任意):元素,index(名稱任意):下標 }) 如: arr.forEach(function(elem,idx){ console.log(idx + "-->" + elem); });
4、以下是必須瞭解的
陣列在使用的時候建議大家規矩來用。在存放資料時,從下標0開始順序的存放陣列元素。
如果下標:
1.為非負整數(包括整數字符串):自動從0開始,不存在新增 undefined
2.為負數、小數、非數字符串:這些內容不計算在長度內,當成"屬性"處理,相當於自定義屬性。
陣列非常靈活,使用陣列元素。
1.下標: 非負整數(包括整數字符串):
陣列.下標
陣列[下標]
2.下標:負數、小數、非數字字串:
陣列[屬性]
* for --> 不遍歷屬性 * foreach -->不遍歷屬性和索引中的undefined * for in -->不遍歷索引中的undefined
5、陣列提供的操作方法
Array物件為我們提供了一些方法,可以很方便地運算元組。
push 新增元素到最後 unshift 新增元素到最前 pop 刪除最後一項 shift 刪除第一項 reverse 陣列翻轉 join 陣列轉成字串 indexOf 陣列元素索引 slice 擷取(切片)陣列,原陣列不發生變化 splice 剪接陣列,原陣列變化,可以實現前後刪除效果 concat 數組合並 var arr = ['1','a',5,'3']; console.log(arr); arr.push(10); console.log(arr); arr.unshift('b'); console.log(arr); arr.pop(); console.log(arr); arr.shift(); console.log(arr); arr.reverse(); console.log(arr); console.log(arr.join('\'')); console.log(arr); console.log(arr.indexOf('a')); console.log(arr.slice(2,5)); console.log(arr); arr.splice(1,1,'一','二'); console.log(arr); var arr1 = [0,'100']; console.log(arr.concat(arr1)); console.log(arr); console.log(arr1); console.log(arr1.(arr));
這是國內優秀的Java入門到 架構師全套教程的java基礎部分JS陣列課程的文件,如需全套完整體系java入門到架構師視訊課程資料幫助,請私信我。