JS 多个 if 判断丝滑
- 多个if判断，看着很乱，使用优雅的代码实现
一个判断
if (fruit == 'apple' ) {
console.log('red');
}
俩个判断
if (fruit == 'apple' || fruit == 'strawberry') {
console.log('red');
}
多个判断
if (fruit == 'apple' || fruit == 'strawberry'|| fruit == 'cherry'|| fruit == 'cranberries') {
console.log('red');
}
多判断优雅代码
- 第一种，使用map函数
// 多条件判断开始，如下
const arr = [
'apple',
'strawberry',
'cherry',
'cranberries'
]
const temparr = arr.map(item => item === 'apple')
console.log(temparr, 'temparr') // [true, false, false, false]
if (temparr.includes(true)) {
// 条件符合，提示
console.log(1)
} else {
// 条件不符，提示
console.log(2)
}
- 第二种，使用 some 函数方法
// 多条件判断开始，如下
const arr = [
0,
'apple',
'strawberry',
'cherry',
'cranberries'
]
const tempFlag = arr.some(item => item === 0)
console.log(tempFlag, 'tempFlag') // 0
if (tempFlag) {
// 条件符合，提示
console.log(1)
} else {
// 条件不符，提示
console.log(2)
}
一个细节，这里如果使用 find 函数，结果是 0 的话，判断为假
