Day 13 - Spread Operator & Rest Operator

在介绍 Spread Operator 和 Rest Operator 之前，先来介绍阵列相加的方法 - Concat。
如果阵列用加法的话会变成字串相加的形式。
例如：

let friends1 = ["Mike","John","Daniel"];
let friends2 = ["May","Lisa"];
console.log(friends1 + friends2); // Mike,John,DanielMay,Lisa
console.log(typeof (friends1 + friends2)); // string（用 "+" 来相加阵列会变成字串）

所以我们要用 concat 这个方法，才能让阵列和阵列加起来形成一个新的阵列。
要特别注意的是 concat 是有先後顺序的，例如下面的程序码，如果想要让 friends1 优先显示在相加後的新的阵列中，则 friends1 就要放在 concat 前面（用 friends1 去 concat friends2），反之。

let friends = friends1.concat(friends2);
console.log(friends); // ["Mike","John","Daniel","May","Lisa"]
console.log(typeof friends); // object（别忘了阵列是物件之一）
friends = friends2.concat(friends1);
console.log(friends); // ["May","Lisa","Mike","John","Daniel"]

Spread operator

前面介绍过将阵列相加的方法 concat ，这边要用另一种更简单的方法 : Spread operator，用 ... 将阵列展开
例如：

let friends1 = ["Mike","John","Daniel"];
let friends2 = ["May","Lisa"];
let friends = [...friends1,...friends2];
console.log(friends); // ["Mike","John","Daniel","May","Lisa"]

Rest operators & Rest Parameters

如果我们想要随意的在 function 里面加入参数，可以使用这种方法，在定义的 function 参数前面加 ... ，执行 function 时加入的多个参数就会变成一笔阵列资料
例如：

function check(...numbers){
  console.log(numbers);
}
check(1,2,3,4,5,6,7,8);
// [1,2,3,4,5,6,7,8]

再举个例子 - 找最大数的方式，原本的方式是在 function 的参数放入阵列，程序码如下：

function findBiggest(arr) {
    if(arr.length === 0){
        return undefined;
    }
    let biggestNumber = -100000;
    for(let i = 0;i < arr.length;i++){
        if(arr[i] > biggestNumber){
            biggestNumber = arr[i];
        }
    }
  return biggestNumber;
}
console.log(findBiggest([3,67,43,95])); // 95

学会使用 ... 後我们把它拿来改成这种方式，在 function 内输入多个参数让它自己去比大小，而不必特别写一个阵列储存数字了（当然也可以用　Math.max() 这个方法）。

function findBiggest(...arr) {
    if(arr.length === 0){
        return undefined;
    }
    let biggestNumber = -100000;
    for(let i = 0;i < arr.length;i++){
        if(arr[i] > biggestNumber){
            biggestNumber = arr[i];
        }
    }
  return biggestNumber;
}
console.log(findBiggest(3,67,43,95,100)); // 100
console.log(Math.max(3,67,43,95,100)); // 100