在这里首先声明一点，目前大家所说的ES6就是ES5以上的所有版本!!

一、针对ES6的解构赋值

比如从对象obj中赋值

ES5方式：

ES6方式：const { name, sex } = obj

在这里可能就有人会说当后端返回的字段不一样怎么办？

你可以这样：const { name: tName, sex } = obj

注意：ES6结构赋值的对象不能是null或者undefined，所以在赋值的时候要加上||{}，如：const { name: tName, sex } = obj || {}

二、数组对象合并

ES5方式：

ES6方式：

三、模板字符串拼接问题

ES5方式：

ES6方式：dRs = `${name}${sex === '男' ？ '是男生' ： '是女生'}`

四、优化if条件判断

ES5方式：

ES6方式：使用ES6中的includes

五、非空判断

ES5方式：if(value ！== null && value ！== undefined && value ！== ''){//……}

ES6方式：if ((value ?? '') ！== '') {}

六、关于后台返回对象属性值获取问题

ES5方式：const name = res.data && res.data.name

ES6方式：const name = res.data?.name

七、数据过滤、列表搜索

ES5方式：在ES5，我们一般使用filter函数来进行过滤：如下

ES6方式：使用ES6中的find,直接找到符合条件的项，不会继续遍历，从而提高查询性能

读完如果有帮助，不妨点个赞支持一下，

专注前端小技巧，喜欢的关注持续更新。