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

• 传送门：https://juejin.cn/post/7016983547634253855

• 传送门：https://blog.csdn.net/kalenE992/article/details/88764489