方法是可以在物件上呼叫的 fns
數組是對象，因此它們在 JS 中也有方法。

slice(begin)：將陣列的一部分提取到新數組中，而不改變原始數組。

let arr = ['a','b','c','d','e'];

// Usecase: Extract till index passed as argument
arr.slice(2); // [ 'c', 'd', 'e' ]

// Usecase: Extract from [first index] to [second index-1] value.
arr.slice(2,4); // [ 'c', 'd' ] i.e Length of array will be end-begin or 4-2 = 2 

// Usecase: Extract last 2 elements
arr.slice(-2); // [ 'd', 'e' ]

// Usecase: Extract the last element.
arr.slice(-1);  // [ 'e' ]  

// Usecase: Extract from index passed to leaving the last two elements.
arr.slice(1,-2);  // [ 'e' ]  

// Usecase: Create a shallow copy of an array
arr.slice(); // 1st way
[...arr]; // 2nd way

// 用例：從 [第一個索引] 提取到 [第二個索引-1] 值。 arr.slice(2,4); //

即陣列長度為 end-begin 或 4-2 = 2 // 用例：提取最後 2 個元素 arr.slice(-2); //

// 用例：提取最後一個元素。 arr.slice(-1); // ['e'] // 用例：從傳遞到最後兩個元素的索引中提取。 arr.slice(1,-2); // ['e'] // 用例：建立數組的淺表副本 arr.slice(); // 第一種方式 [...ar]； //第二種方式

// splice: remove the elements begining from the index passed. Mutates the orig. array.
// returns: part of the removed array
let arr = ['a','b','c','d','e'];
// arr.splice(2); // [ 'c', 'd', 'e' ]
// arr; // [ 'a', 'b' ]

// Usecase: Remove last element of the array
// arr.splice(-1); // [ 'e' ]
// arr; // [ 'a', 'b', 'c', 'd' ]

// Usecase: Delete no of elements. splice(index, deleteCount)
arr.splice(1, 3); // [ 'b', 'c', 'd' ]
arr; // [ 'a', 'e' ]

splice：改變原始數組

// splice：刪除從傳遞的索引開始的元素。改變原點。大批。 // 傳回：被刪除陣列的一部分 令 arr = ['a','b','c','d','e']; // arr.splice(2); //

// 到達； //
// 使用案例：刪除陣列的最後一個元素 // arr.splice(-1); // ['e'] // 到達； //

// 用例：刪除任何元素。拼接（索引，刪除計數） arr.splice(1, 3); //

let arr = ['a','b','c','d','e'];
let arr2 = arr.reverse();
arr;
arr2;

反向：改變原始數組。

傳回：反轉數組

// splice: remove the elements begining from the index passed. Mutates the orig. array.
// returns: part of the removed array
let arr = ['a','b','c','d','e'];
// arr.splice(2); // [ 'c', 'd', 'e' ]
// arr; // [ 'a', 'b' ]

// Usecase: Remove last element of the array
// arr.splice(-1); // [ 'e' ]
// arr; // [ 'a', 'b', 'c', 'd' ]

// Usecase: Delete no of elements. splice(index, deleteCount)
arr.splice(1, 3); // [ 'b', 'c', 'd' ]
arr; // [ 'a', 'e' ]

let arr = ['a','b','c','d','e']; 讓 arr2 = arr.reverse(); 到達； arr2;

concat：連接兩個陣列。

傳回：連線數組

// splice: remove the elements begining from the index passed. Mutates the orig. array.
// returns: part of the removed array
let arr = ['a','b','c','d','e'];
// arr.splice(2); // [ 'c', 'd', 'e' ]
// arr; // [ 'a', 'b' ]

// Usecase: Remove last element of the array
// arr.splice(-1); // [ 'e' ]
// arr; // [ 'a', 'b', 'c', 'd' ]

// Usecase: Delete no of elements. splice(index, deleteCount)
arr.splice(1, 3); // [ 'b', 'c', 'd' ]
arr; // [ 'a', 'e' ]

let arr1 = ['a','b','c','d','e']; 令 arr2 = ['f','g','h','i','j']; [...arr1，...arr2]; // 第一種方式 arr2 = arr1.concat(arr2); //第二種方式

join：連接兩個陣列。

傳回：連線數組

let arr1 = ['a','b','c','d','e']; 令 arr2 = ['f','g','h','i','j']; const x = arr1.concat(arr2); x.join('-'); // 'a-b-c-d-e-f-g-h-i-j'

let arr = ['a','b','c','d','e'];

arr[0];    // 1st way
arr.at(0); // 2nd way

// Get the last element of the array
arr[arr.length - 1];  // 1st way
arr.slice(-1)[0];     // 2nd way
arr.at(-1);           // 3rd way

arr.at(0); // 'a'
arr.at(-1); // 'e'

「隨著時間的推移，你會根據它們的用法來記住它們。」

at：從末尾開始計數，從索引為-1開始

// Looping over array using forEach method.
let account = [2000,-300, 400, -200, -500,  1000, -300];

// Loop over an array using for-of
for(let money of account){
  if(money > 0){
    console.log(`Deposited ${money}`);
  } else {
    console.log(`Withdrawn ${Math.abs(money)}`);
  }
}

// .entries(): returns an array of arrays.
// return the output as index-value pair.
// first element must be index, second element must be element-value
for(let [i,money] of account.entries()){
  if(money > 0){
    console.log(`Transaction ${i 1}, Deposited ${money}`);
  } else {
    console.log(`Transaction ${i 1}, Withdrawn ${Math.abs(money)}`);
  }
}

// Loop over an array using forEach which requires a callback fn.
// forEach will call the callback fn, and not we.
// forEach will pass each element as argument in every iteration.
account.forEach(function(money){
  if(money > 0){
    console.log(`Deposited ${money}`);
  } else {
    console.log(`Withdrawn ${Math.abs(money)}`);
  }
});
// Iteration 1: pass arg1 to CB-fn(arg1)
// Iteration 2: pass arg2 to CB-fn(arg2)
// Iteration 3: pass arg3 to CB-fn(arg3)
// .....
// .....


// forEach will pass each element, index, array as argument in every iteration. Order of arguments matter, not the no of these arguments i.e first element should be the current-Element, second element should be index, third element should be entire array which is being looped-over.
// first element must be element-value, second element should be index, third element must be entire array. This is how its different from array.entries()
account.forEach(function(money, i, arr){
  if(money > 0){
    console.log(`Transaction ${i 1}, Deposited ${money} into ${arr}`);
  } else {
    console.log(`Transaction ${i 1}, Withdrawn ${Math.abs(money)} from ${arr}`);
  }
});

let arr = ['a','b','c','d','e']; arr[0]; // 第一種方式 arr.at(0); //第二種方式 // 取得數組的最後一個元素 arr[arr.length - 1]; // 第一種方式 arr.slice(-1)[0]; //第二種方式 arr.at(-1); // 第三種方式 arr.at(0); // '一個' arr.at(-1); // 'e'

對每個：

// 使用 forEach 方法循環陣列。 讓帳戶 = [2000,-300, 400, -200, -500, 1000, -300]; // 使用 for-of 記憶體數組 for（讓帳戶資金）{ 如果（錢> 0）{ console.log(`已存入 ${money}`); } 別的 { console.log(`提現${Math.abs(money)}`); } } // .entries()：傳回陣列的陣列。 // 將輸出作為索引值對傳回。 // 第一個元素必須是索引，第二個元素必須是元素值 for(let [i,money] of account.entries()){ 如果（錢> 0）{ console.log(`交易${i 1}，已存入${money}`); } 別的 { console.log(`交易${i 1}，提領${Math.abs(money)}`); } } // 使用 forEach 迴圈數組，這需要回呼 fn。 // forEach 會呼叫回呼函數 fn，而不是我們。 // forEach 將在每次迭代中將每個元素作為參數傳遞。 account.forEach(函數(錢){ 如果（錢> 0）{ console.log(`已存入 ${money}`); } 別的 { console.log(`提現${Math.abs(money)}`); } }); // 迭代 1：將 arg1 傳遞給 CB-fn(arg1) // 迭代 2：將 arg2 傳遞給 CB-fn(arg2) // 迭代 3：將 arg3 傳遞給 CB-fn(arg3) // ...... // ...... // forEach 將在每次迭代中將每個元素、索引、陣列作為參數傳遞。參數的順序很重要，而不是這些參數的編號，即第一個元素應該是當前元素，第二個元素應該是索引，第三個元素應該是整個陣列的正在循環。 // 第一個元素必須是元素值，第二個元素應該是索引，第三個元素必須是整個陣列。這就是它與 array.entries() 的不同之處 account.forEach(函數(錢, i, arr){ 如果（錢> 0）{ console.log(`交易${i 1}，存入${arr}`); } 別的 { console.log(`交易${i 1}，從${arr}中提取${Math.abs(money)}`); } }); 何時使用 for-of 和 forEach：

forEach：無法突破它。 continue-break 在裡面不起作用。總是會遍歷整個數組，並且無法阻止它。

for-of：當我們需要循環出數組時使用。

「當你練習得越來越多時，你的技能就會變得更好。」