Js简写优化之路
发表于:2022-04-12 | 分类: 前端
字数统计: 289 | 阅读时长: 1分钟 | 阅读量:
如果同一变量有多个条件
1
2
3
if(a == 1 || b == 2 || c == 3){
// do something
}

👇shorter👇

1
2
3
if([1, 2, 3].includes(a)){
// do something
}
简单 if 判断使用三元表达式代替
1
2
3
4
5
6
var bool
if(a == 1){
bool = true
}else{
bool = false
}

👇shorter👇

1
var bool = a == 1 ? true : false
是否为空检查 简写
1
2
3
4
var a
if(a != '' && a != null && a != undefined){
console.log('do some')
}

👇shorter👇

1
2
3
4
5
var a
a && dosome()
function dosome(){
console.log('do some')
}
检查某变量是否有值,若无则设默认值
1
2
3
4
var a
if(a == null || a == undefined || a == ''){
var b = 'default'
}

👇shorter👇

1
var b = a || 'default'
(常用) array.find() 使用场景 有一个对象数组并且我们想要根据对象属性查找特定对象时(只返回符合条件的第一个)
1
2
3
4
5
6
7
8
var data = []
function findFromArr() {
for (let i = 0; i < data.length; ++i) {
if (data[i].type === "test1") {
return data[i];
}
}
}

👇shorter👇

1
2
3
4
var data = []
findSingle = data.find(
(data) => data.type === "test1"
);

================================================

1
// 待续。。。
上一篇:
Json串中key值改为指定字符串
下一篇:
ElementVue分页组件二次封装