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

本文介绍了前端开发中的代码优化策略,包括使用模板字符串、解构赋值、`.some()`和`includes()`函数,以及利用数组方法如`array.from()`、`map`与`forEach`的差异和新数组创建技巧,最后提及如何检测和处理重复项。
摘要由CSDN通过智能技术生成

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

请添加图片描述

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

请添加图片描述

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

请添加图片描述

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

请添加图片描述

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

请添加图片描述

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

请添加图片描述

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

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

请添加图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值