JavaScript 如何优雅的写好 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');
  }

这样写代码看起来很长还不好维护，看起来相当麻烦，这时候为了代码的简洁，你可以把判断条件放进数组中，例如：

function test(fruit) {
  const redFruits = ['apple', 'strawberry', 'cherry', 'cranberries'];
  if (redFruits.includes(fruit)) {
    console.log('red');
  }
}

当然，这是不考虑IE的兼容性，如果需要考虑到兼容性，你可以这样写：

function test2(fruit) {
  // 把条件提取到数组中
  var redFruits = ['apple', 'strawberry', 'cherry', 'cranberries'];
	for( var i = 0; i< redFruits.length; i++ ){
		if ( fruit == redFruits[i] ) {
            console.log('red');
          }
	}
}
test2('apple')

这样写以后，当判断条件与有所改变的时候，直接修改数组里面的参数就可以了。

---

有问题欢迎留言一起交流，路还很长，未完待续…