はてなサマーインターンシップ2025 フロントエンド 講義資料 – Speaker Deck

Spread Syntax • … を使うと配列やオブジェクトを展開出来る const sum = (a, b,

c, d) => a + b + c + d const nums = [1, 2] const copied = […nums] // த਎Λෳ੡ͨ͠഑ྻΛ࡞ΕΔ const moreNums = […copied, 5] // [1, 2, 5] sum(…nums, 10) // 13 const obj = { a: 10, b: “foo” } const obj2 = { b: “bar”, c: true } // 2ͭҎ্ͷobjectΛmerge͢ΔɻΩʔ͕ॏෳ͍ͯ͠Δ৔߹͸ޙʹॻ͍ͨํͰ্ॻ͖͞ΕΔ const merged = { …obj, …obj2 } // {a: 10, b: ‘bar’, c: true} const getUserConfig = (received) => ({ force: false, …received, // σϑΥϧτ஋Λ౉͞Εͨ஋͕͋Ε͹্ॻ͖͢Δ }) #hatenaintern !”