要素の展開 arr = [1, 2, 3, 4, 5]; console.log(arr); // [1, 2, 3, 4, 5] console.log(...arr); // 1 2 3 4 5 要素をまとめる const [num1, num2, ...arr] = [1, 2, 3, 4, 5]; console.log(num1); // 1 console.log(num2); // 2 console.log(...arr); // 3…

アロー関数引数のデフォルト値 1. デフォルト値なし (1) 引数設定あり const greeting = (name) => console.log(`こんにちは、${name}`); greeting("taro"); # こんにちは、taro (2) 引数設定なし const greeting = (name) => console.log(`こんにちは、${na…

オブジェクトを代入 const user = { name: "taro", age: 24 }; # 変数名はオブジェクトのプロパティ名と一致する必要がある const { name, age } = user; const greeting = `名前は${name}です。年齢は${age}です。`; console.log(greeting); # '名前はtaro…

直接オブジェクトの中身を指定した場合 const obj = {user: [{name: "taro", age: 24}, {name: "hanako", age: 30}, {name: "ichiro", age: 51}], post: [{title: "titleA", body: "bodyA"},{title: "titleB", body: "bodyB"},]} console.log(obj) # 階層が…

従来の関数 function func1(val) { return val1 + val2; }; console.log(func1(1,2)); # 3 変数に代入後、実行させることもできる const func1 = function (val1, val2) { return val1 + val2; }; console.log(func1(1,2)); # 3 アロー関数 const func1 = (v…

はじめに var let constの使い方をまとめました。 使い方 変数宣言 上書き 再宣言 備考 var ◯ ◯ let ◯ X const X X オブジェクトや配列を宣言した場合は上書き可能 var var value1 = "値1"; console.log(value1); # 値1 # 上書き可能 value1 = "値2"; consol…