1. 程式人生 > 其它 >Java入門到架構師教程之JavaScript陣列

Java入門到架構師教程之JavaScript陣列

陣列是按次序排列的一組資料,每個值的位置都有編號(從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入門到架構師視訊課程資料幫助,請私信我。