structuredClone()
可以進行深拷貝,這里有詳細講解:Window:structuredClone() 方法
當需要處理包含嵌套對象或數組的復雜數據結構時,建議使用 structuredClone() 來保護原始數據。
舉例:別再用 … 擴展運算符了,這個新 API 合并對象更快更安全
不用再使用 JSON.parse(JSON.stringify(obj)) 了,它無法處理 Date 對象、undefined、等特殊類型。
URLSearchParams
// 現代的方式
const url = new URL('https://example.com/page?id=123&category=tech');
const id =url.searchParams.get('id');//"123"
groupBy
可以實現數組分組,不再用迭代處理
const products = [{ name: '蘋果', category: '水果' },{ name: '電視', category: '電器' }
];// 以前的方式
const grouped = products.reduce((acc, product) => {const key = product.category;if (!acc[key]) { acc[key] = []; }acc[key].push(product);return acc;
}, {});
// grouped: { '水果': [...], '電器': [...] }
ES2023 引入了 Object.groupBy(),讓分組操作變得語義化且極其簡單。
const grouped = Object.groupBy(products, product =>product.category);