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 的话,判断为假