JS ES の新機能: 拡張演算子の紹介

// 配列を定義する let arr = [1, 2, 3, 4, 5, 6]
// ... スプレッド演算子を使用して展開 console.log(...arr); // 1 2 3 4 5 6

// 関数を定義する function fun(...item) {
  console.log(...項目);
}
// 関数 fun(1, 2, 3, 4, 5, 6) を呼び出す // 1 2 3 4 5 6

// 式で使用する let x = 10
arr = [
  ...(x > 0 ? ['a'] : []),
  'b'、
];
console.log(...arr); //ab

// 関数を定義する function fun(a, b, c, d, e) {
  コンソールにログ出力します。
}
// 配列を定義する let arr = [1, 2, 3, 4, 5]
// ES5 呼び出しメソッド fun.apply(null, arr) //1 2 3 4 5
// ES6 呼び出しメソッド fun(...arr) // 1 2 3 4 5

arr = [1, 20, 30, 50, 3, 88, ] とします。
// ES5 では、max = Math.max.apply(null, arr) とします。
console.log(最大); // 88

arr = [1, 20, 30, 50, 3, 88, ] とします。
// ES6 では max = Math.max(...arr) とします
console.log(最大); // 88

arr1 = [1, 2, 3, 4, 5]とします。
arr2 = arr1とする
console.log(arr2); // [ 1, 2, 3, 4, 5 ]
// arr2のデータ内容を変更します。 arr2[2] = 6;
// 両方とも変更されます console.log(arr1, arr2); // [ 1, 2, 6, 4, 5 ] [ 1, 2, 6, 4, 5 ]

arr1 = [1, 2, 3, 4, 5]とします。
arr2 = []とする
// ES5 の場合 (let i = 0; i < arr1.length; i++) {
  arr2[i] = arr1[i];
}
ar2[2] = 6;
// arr2 のみが変更 console.log(arr1, arr2); // [ 1, 2, 3, 4, 5 ] [ 1, 2, 6, 4, 5 ]

// ES6 arr2 = [...arr1]
ar2[2] = 6;
// arr2 のみが変更 console.log(arr1, arr2); // [ 1, 2, 3, 4, 5 ] [ 1, 2, 6, 4, 5 ]

arr1 = ['a', 'b'];
定数 arr2 = ['c'];
定数 arr3 = ['d', 'e'];

// ES5 マージされた配列 console.log(arr1.concat(arr2, arr3)); // [ 'a', 'b', 'c', 'd', 'e' ]


// ES6 マージ配列 console.log([...arr1, ...arr2, ...arr3]); // [ 'a', 'b', 'c', 'd', 'e' ]

// シナリオ分析: 配列の最初と最後の値を取得する let arr = [1, 2, 3, 4, 5]
まず、休んでください。
// ES5 の書き方: Array.slice() 関数を借用する first = arr[0]
残り = arr.slice(1)
console.log(first, rest); // 1 [ 2, 3, 4, 5 ]
// ES6 の書き方 [first, ...rest] = arr
console.log(first, rest); // 1 [ 2, 3, 4, 5 ]

let str = '狐鬼の仲人'
console.log([...str]); // [ 'fox', 'demon', 'little', 'red', 'mother' ]