[JavaScript]陣列 Array(數組)

var arr = new Array();                                  //清單中未定義任何值為「空陣列」
var arr = new Array(3);                                 //只寫一個數值為陣列的「元素數量」
var arr = new Array(1, 2, 3);                           //兩個數值以上為「元素值」
var arr = new Array(true, false);
var arr = new Array('Fred', 'Peter', 'Andy', 'David');  //元素值中字串需加引號

var arr = [];                                          //清單中未定義任何值為「空陣列」
var arr = [1, 2, 3];                                   //兩個數值以上為「元素值」
var arr = ['Fred', 'Peter', 'Andy', 'David'];          //元素值中字串需加引號
var arr = [true, false];
var arr = [1, 'Fred', 'Peter', 'Andy', 2, 'David'];    //也可以混合儲存的型別

var arr = [1, 'Fred', 'Andy', 2, 'David'];
arr.length;

var colors = ['red', 'blue', 'yellow', 'green'];
colors[0];                             //讀取元素
colors[2] = 'pink';                    //修改元素
colors[4] = 'gray';                    //新增元素（知道元素數量）

colors[10] = 'purple';                 //賦值給排序較後面的元素，中間的元素皆為空值

colors.length;
colors[colors.length] = 'black';       //新增元素（不知元素數量）

//列好對應月份的名稱
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

var now = new Date();
var thisMonth = months[now.getMonth()];   //印出對應今天月份的名稱

months.indexOf('April');                  //可搜尋陣列，返回索引值
months.indexOf('march');                  //搜尋不到，返回 -1

var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

for(var i=0; i < months.length; i ++){                //使用 for loop 取出所有元素
  document.write(months[i]);
}

var index = 0;
while(index < months.length){                         //使用 while loop 取出所有元素
  document.write(months[index]);
  index ++;
}

var order = [1, undefined, 3,  , 5];
//最好的作法是在迴圈第一個子句將陣列的 length 屬性指派給另一個變數
for(var i=0, count = order.length; i < count; i ++){

  //使用文字語法抓取元素，當元素不全等於 undefined 時返回真
  if(order[i] !== undefined){
      document.write(order[i] + ' exit');
  }else{
      document.write(order[i] + ' no exit');
  }

  //使用 in 運算子，當索引存在於陣列時返回真，但 undefined 在此會返回真
  if(i in order){
      document.write(order[i] + ' exit');
  }else{
      document.write(order[i] + ' no exit');
  }
}

var order = [1, 2, 3, 4, 5];
delete order[0];

var arr = [];                                     //一開始為空陣列
arr.push(1);                                      //新增一個元素
arr.push(2, 3, 4);                                //在最後新增 3 個元素
arr.push(5, 6, ['7_1', '7_2', '7_3']);            //在最後新增 3 個元素
arr.unshift(8, 9);                                //在開頭新增 2 個元素
arr.unshift(10, ['11_1', '11_2']);                //在開頭新增 2 個元素

var concatArr = arr.concat(12,['a', 'b', 'c']);   //在最後新增 2 個元素並多維陣列平面化給 concatArr 陣列

var pop = arr.pop();                              //在最後刪除 1 個元素，並賦值給 pop 變數
concatArr.pop();                                  //在 concatArr 陣列最後刪除 1 個元素
concatArr.shift();                                //在 concatArr 陣列開頭刪除 1 個元素

var arr = [1, 2, 3, 4, 5, 6];
var spliceValue = arr.splice(0, 2);     //從 0 開始刪除 2 個元素，並賦值給 spliceValue 變數
arr.splice(2, 0, 7, 8, 9);              //從 2 開始刪除 0 個元素，並在後面新增 3 個元素
arr.splice(-2, 1);                      //從 -2 開始刪除 1 個元素（負數為從字尾倒數的索引值）

var sliceValue1 = arr.slice(0);         //返回從 0 到最後的陣列
var sliceValue2 = arr.slice(1, 4);      //返回從 1 到 4 的陣列
var sliceValue3 = arr.slice(-2);        //返回從 -2 到最後的陣列（負數為從字尾倒數的索引值）
var sliceValue4 = arr.slice(-4, -1);    //返回從 -4 到 -1 的陣列

var arr = ['one', 'two', 'three', 'four', 'five'];
var joinArray = arr.join('-');                        //連結符號「,」改成 「-」

var arrayList = '';
arrayList += '<ol><li>';
arrayList += arr.join('</li><li>');
arrayList += '</li></ol>';

var strMessage = 'one,two,three,four,five';
var arrMessage = strMessage.split(',');               //分隔後，存給一個陣列
for(i in arrMessage)
  document.write(i + '. ' +arrMessage[i] + '<br>');