本を読み始めたのでES6 JavaScript再学習まとめメモ

アロー関数

const fn = (a, b) => {
  return a + b;
};

// 単一式の場合はブラケットやreturnを省略できる
const fn = (a, b) => a + b;

// ブラケットやreturnを省略してオブジェクトを返したい場合は`()`で囲む
const fn = (a, b) => ({ sum: a + b });

分割代入

const [n, m] = [1, 4]; 
console.log(n, m); // 1 4

const obj = { name: 'Kanae', age: 24 }; 
const { name, age } = obj;
console.log(name, age); // Kanae 24

スプレッド構文

『...』をスプレッド演算子と呼ぶ

const arr1 = ['A', 'B', 'C'];
const arr2 = [...arr1, 'D', 'E'];
console.log(arr2); // [ 'A', 'B', 'C', 'D', 'E', 'F' ]
constobj1={a:1,b:2,c:3};
const obj2 = { ...obj1, d: 4, e: 5 };
console.log(obj2); // { a: 1, b: 2, c: 3, d: 4, e: 5 }

##プロパティ名のショートハンド

const foo = 65536; const obj = { foo, bar: 4096 }; console.log(obj); // { foo: 65536, bar: 4096 }