Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案：files/main.js
定位：先用 === 比較原物件與副本參照。
Solution · code-edit
destructuring 與 spread copy
對照完整答案、責任邊界與原因。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
只有原始 service，尚無副本。
預期看到
copy!==original、original.price=1000、copy.price=1200、id/name 正確。
const {id,name}=service; const copy={...service,price:1200}。檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口 HTML：提供狀態文字、整理／重設按鈕與兩個資料結果清單。style.css
最小呈現層：讓資料結果、按鈕與窄版清單可讀；不把資料邏輯放進 CSS。main.js
資料與行為：建立 services、用 map／filter 整理，再把結果接到可觀察出口。
證據：sameReference=false、原價1000、副本1200
回到主題說明