本文介绍了前端开发中的代码优化策略，包括使用模板字符串、解构赋值、`.some()`和`includes()`函数，以及利用数组方法如`array.from()`、`map`与`forEach`的差异和新数组创建技巧，最后提及如何检测和处理重复项。
列举前端代码优化点
- 一、使用`模板字符串 `代替字符串拼接
- 二、使用`解构赋值`来避免重复使用item.xx1，item.xx2
- 三、判断数组中某个属性是否有值 `.some()`
- 四、用 `includes()`来判断一个数组中是否包含某个元素 —— （可用于避免多个重复条件语句）
- 五、创建新数组，用 `array.form()` 代替 `for循环 + push()`
- 六、用 [`filter`] + [`includes`]返回指定项 替代 map+push
- 七、map和forEach的区别之一是`map可以返回新数组`，可以用`return` 或则 `()` 返回
- 八、判断并得到重复项 `new Set + filter + indexOf` —— （可用于提示标注重复项数据）
一、使用模板字符串 代替字符串拼接
二、使用解构赋值来避免重复使用item.xx1，item.xx2
三、判断数组中某个属性是否有值 .some()
四、用 includes()来判断一个数组中是否包含某个元素 —— （可用于避免多个重复条件语句）
五、创建新数组，用 array.form() 代替 for循环 + push()
六、用 [filter] + [includes]返回指定项 替代 map+push
七、map和forEach的区别之一是map可以返回新数组，可以用return 或则 () 返回
八、判断并得到重复项 new Set + filter + indexOf —— （可用于提示标注重复项数据）
扫一扫
1257
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
