8、陣列

（1）、定義陣列

var arr = ["小劉", "小松", "小王", "小小", "寶批龍"];

陣列的長度：陣列名.length;

陣列的元素值：陣列名[下標];

注意：下標是從0開始的。

（2）、遍歷陣列中的元素：

//for
for (var i=0; i<arr.length; i++) {
    console.log(arr.[i]);
}

//for in

for (var item in arr) {
    console.log(arr[item]);
}
//注意：item是下標

（3）、陣列的簡單操作

//括號{}的屬於一個整體  在陣列中單獨佔一個空間 
 

var temp = [12, 3.1412, "12", "狗剩", true, {
    s:"xx"
}];

//這裡為6
var r= temp.length;
alert(r);

document.write(temp);
document.write("<br>");
temp[10] = "新增元素”；
document.write(temp);

//這裡為11   前面在索引為10的地方添加了內容  在6-10的空間中沒有值 undefined
var l = temp.length;
alert(l);

//這裡顯示結果undefined  因為沒有裝入值  所以未定義
alert(temp[15]);
 

（4）、常用陣列的方法

var yc133 = ["小劉", "小溪”， “美玲”];

a、在陣列的末尾新增元素，返回陣列的新長度-push

yc133.push("是可愛鴨");
//輸出新陣列的內容： 小劉，小溪，美玲，是可愛鴨
document.write(yc133);

b、在陣列的末尾刪除元素，返回被刪除的元素-pop

var name = yc133.pop();
// 美玲
document.write(name);
//小劉 小溪
document.write(yc133);

c、在陣列開頭新增元素，返回陣列的新長度-unshift

var
 
 n1 = yc133.unshift("趙鐵柱");
//值為  4  新增元素，返回新的陣列長度
alert(n1);
//趙鐵柱 小劉 小溪 美玲
document.write(yc133);

d、在陣列開頭刪除元素，返回被刪除的元素-shift

var obj = yc133.shift();
//值為  小劉   返回被刪除的元素
alert(obj);
//小溪 美玲
document.write(yc133);

e、擷取陣列-slice（返回擷取的陣列，原陣列不變）

語法：陣列名.slice(開始下標位置，結束下標位置）

var tt = yc133.slice(1,2);
//這裡擷取的1開始   結束時是2的前一位  值為：小溪
document.write(tt);

f、陣列的增、刪、改-splice

陣列名.splice(開始下標， 長度) ==>刪除

//刪除索引為1開始  總長度為1 的元素
yc133.splice(1,1);
//小劉 美玲
document.write(yc133);

陣列名.splice(開始下標， 長度，新元素) ==>替換

//將小溪刪除  替換成小王
yc133.splice(1, 1, "小王");
//小劉 小王 美玲
document.write(yc133);

陣列名.splice(開始下標， 0，新元素) ==>插入

//在索引為1處新增 小王
yc133.splice(1, 0, "小王");
//小劉  小王 小溪 美玲
document.write(yc133);