3.8 陣列相關函式

陣列基本操作

push()

新增資料到陣列的最後一項。例：

var my_arr = ["abc", 99, "其它"];
my_arr.push("新項目");

console.log(my_arr); // ["abc", 99, "其它", "新項目"]

pop()

移除陣列的最後一項資料。例：

var my_arr = ["abc", 99, "其它"];
my_arr.pop();

console.log(my_arr); // ["abc", 99]

unshift()

新增資料到陣列索引值為 0 的那項，其它往後移。例：

var my_arr = ["abc", 99, "其它"];
my_arr.unshift("新項目");

console.log(my_arr); // ["新項目", "abc", 99, "其它"]

shift()

移除陣列裡索引值為 0 的那項，其它往前移。例：

var my_arr = ["abc", 99, "其它"];
my_arr.shift();

console.log(my_arr); // [99, "其它"]

splice()

此函式參數說明：

• 第一個參數：新增資料到陣列的哪個索引值。

• 第二個參數：有幾個元素要被移除。

• 後面的參數：表示要新增的資料。

新增資料(元素)，到陣列的某處。例：

var my_arr = [1, 2, "其它文字", "test"];
my_arr.splice(2, 0, "新的第一項", "新的第二項");

console.log(my_arr);// [1, 2, "新的第一項", "新的第二項", "其它文字", "test"]

移除資料(元素)：

var my_arr = [1, 2, "其它文字", "test"];
my_arr.splice(2, 1);

console.log(my_arr); // [1, 2, "test"]

其它操作

join()

將陣列的每個項目資料，全部串接起來變成一個字串，可指定某個符號來當做分隔。例：

var my_arr = ["abc", 99, "其它"];
var my_arr_string = my_arr.join("_");

console.log(my_arr); // ["abc", 99, "其它"]
console.log(my_arr_string); // abc_99_其它

includes()

判斷陣列裡是否有某個項目，如果有，就回傳 true，反之，就回傳 false。例：

var my_arr = ["abc", 99, "其它"];

console.log( my_arr.includes("其它") ); // true
console.log( my_arr.includes(123) );   // false

forEach()

跑迴圈：

• value：陣列的值。

• index：陣列索引，從 0 開始。

var numbers = [45, 4, 9, 16, 25];

// 寫法一：
for(let i = 0; i < numbers.length; i++){
  console.log(i);          // 印出索引值
  console.log(numbers[i]); // 依序印出陣列的各個資料
}

// 寫法二：
numbers.forEach(function(item, index){
  console.log(index); // 印出索引值
  console.log(item);  // 依序印出陣列的各個資料
});

filter()

按照指定的過濾條件，回傳新的陣列，不會影響原來的陣列。例：

var my_arr = ["abc", 99, "其它"];
var result = my_arr.filter(function(item, index){
  return (item == 99 || item == "其它");
});

console.log(result); // [99, "其它"]