【前端 | 代码优化】—— 第一篇:列举前端常用代码优化点

列举前端代码优化点

  • 一、使用`模板字符串 `代替字符串拼接
  • 二、使用`解构赋值`来避免重复使用item.xx1,item.xx2
  • 三、判断数组中某个属性是否有值 `.some()`
  • 四、用 `includes()`来判断一个数组中是否包含某个元素 —— (可用于避免多个重复条件语句)
  • 五、创建新数组,用 `array.form()` 代替 `for循环 + push()`
  • 六、用 [`filter`] + [`includes`]返回指定项 替代 map+push
  • 七、map和forEach的区别之一是`map可以返回新数组`,可以用`return` 或则 `()` 返回
  • 八、判断并得到重复项 `new Set + filter + indexOf` —— (可用于提示标注重复项数据)

一、使用模板字符串 代替字符串拼接

【前端 | 代码优化】—— 第一篇:列举前端常用代码优化点_第1张图片

二、使用解构赋值来避免重复使用item.xx1,item.xx2

【前端 | 代码优化】—— 第一篇:列举前端常用代码优化点_第2张图片

三、判断数组中某个属性是否有值 .some()

【前端 | 代码优化】—— 第一篇:列举前端常用代码优化点_第3张图片

四、用 includes()来判断一个数组中是否包含某个元素 —— (可用于避免多个重复条件语句)

【前端 | 代码优化】—— 第一篇:列举前端常用代码优化点_第4张图片

五、创建新数组,用 array.form() 代替 for循环 + push()

【前端 | 代码优化】—— 第一篇:列举前端常用代码优化点_第5张图片

六、用 [filter] + [includes]返回指定项 替代 map+push

【前端 | 代码优化】—— 第一篇:列举前端常用代码优化点_第6张图片

七、map和forEach的区别之一是map可以返回新数组,可以用return 或则 () 返回

八、判断并得到重复项 new Set + filter + indexOf —— (可用于提示标注重复项数据)

【前端 | 代码优化】—— 第一篇:列举前端常用代码优化点_第7张图片

你可能感兴趣的:(【前端,代码优化】,javascript,es6)