ES6拡張演算子の理解と使用シナリオ

var args = [1, 2, 3];

関数addFun(x, y, z) {
    x + y + z を返します。
}

var args = [1, 2, 3];

// 2 つの呼び出し方法 // 1. この方法は、パラメータが少ない場合に使用できますが、パラメータが多すぎる場合は信頼できません。
addFun(引数[0], 引数[1], 引数[2])

// 2. apply メソッドを使用して配列を直接渡します。addFun.apply(null, args);

関数addFun(x, y, z) {
    x + y + z を返します。
}

var args = [1, 2, 3];

addFun(...引数);

demoFun = function(...args) {
    for (let 引数の項目) {
        console.log(アイテム);
    }
}

デモファン(1, 2, 3) // 1, 2, 3

demoFun = function(argA, ...args) とします。
    console.log(argA);
    console.log(引数)
}

デモファン(1, 2, 3);
// 1
// [23]

var [a, ...残り] = [1, 2, 3, 4];

// ここでは、...rest は要素として扱われます。 console.log(a) // 1
console.log(...rest) // [2, 3, 4]

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];

// ES5 処理メソッド Array.prototype.push.apply(arr1, arr2);
console.log(arr1) // [1, 2, 3, 4, 5, 6]

// ES6 処理メソッド arr1.push(...arr2);
console.log(arr1) // [1, 2, 3, 4, 5, 6]

var arr1 = ['a', 'b', 'c'];
var arr2 = ['d'、 'e'、 'f'];

// ES5 連結 var es5Arr = arr1.concat(arr2);
console.log(es5Arr) // ['a', 'b', 'c', 'd', 'e', 'f']

// ES6 マージ var es6Arr = [...arr1, ...arr2];
console.log(es6Arr) // ['a', 'b', 'c', 'd', 'e', 'f']

var arr1 = [1, 2, 3];
var arr2 = [...arr1];

console.log(arr1 === arr2) // 偽

arr2.push(4); // arr2を変更してもarr1の値には影響しません console.log(arr1); // [1, 2, 3]
console.log(arr2); // [1, 2, 3, 4]

var obj1 = {
    a: 1、
    2 倍
};

var obj2 = {...obj1};

console.log(obj1 === obj2); // 偽

obj2.c = 3; // obj2 を変更しても obj1 には影響しません
console.log(obj1); // {a: 1, b: 2}
console.log(obj2); // {a: 1、b: 2、c: 3}

var str = 'hello';

// ES5 処理メソッド var es5Arr = str.split('');
console.log(es5Arr) // ["h", "e", "l", "l", "o"]

// ES6 処理メソッド var es6Arr = [...str];
console.log(es6Arr) // ["h", "e", "l", "l", "o"]

関数 myFunction(x, y, z) { 
  コンソールログ(x+""+y+""+z);
} 
var args = [0, 1, 2]; 
myFunction.apply(null, args);

関数 myFunction(x, y, z) { 
  コンソールログ(x+""+y+""+z); 
} 

var args = [0, 1, 2]; 
myFunction(...引数);