返回

用好JavaScript写条件语句

前端

JavaScript 为我们提供了许多条件语句,用以在程序执行期间对数据进行筛选和判断。为了使条件语句更加易于阅读和理解,掌握技巧是十分必要的。在此,我将分享五个实用的技巧:

  1. Array.includes让多重判断更简洁

    面对多个值的多重判断,不要再用长长的if-else链,巧用Array.includes简化你的代码。只需将多个值放入数组,并使用includes方法检查是否存在即可。

    比如,判断一个水果是否为红色:

    const redFruits = ['apple', 'strawberry', 'cherry'];
    const fruit = 'strawberry';
    
    if (redFruits.includes(fruit)) {
      console.log('Yes, it is a red fruit.');
    } else {
      console.log('No, it is not a red fruit.');
    }
    
  2. 三元运算符让条件判断更紧凑

    三元运算符(又称条件运算符)可以让你用更简洁的方式表达if-else语句。语法如下:

    condition ? expression1 : expression2;
    

    例如,判断一个数字的正负:

    const num = 10;
    const sign = num >= 0 ? 'positive' : 'negative';
    
  3. 模式匹配让条件判断更优雅

    JavaScript中的模式匹配可以帮助你更优雅地编写条件语句,尤其是涉及到对象或数组时。

    const person = {
      name: 'John',
      age: 30
    };
    
    switch (person.age) {
      case 18:
        console.log('John is 18 years old.');
        break;
      case 21:
        console.log('John is 21 years old.');
        break;
      default:
        console.log('John is not 18 or 21 years old.');
    }
    
  4. 断言抛出更清晰的错误信息

    使用断言可以让你在条件不满足时抛出更清晰、更有意义的错误信息。

    function validateAge(age) {
      if (age < 0) {
        throw new Error('Age cannot be negative.');
      }
    }
    
  5. switch-case处理多种情况

    switch-case语句可以让你更优雅地处理多种情况。

    const fruit = 'apple';
    
    switch (fruit) {
      case 'apple':
        console.log('It is an apple.');
        break;
      case 'orange':
        console.log('It is an orange.');
        break;
      default:
        console.log('It is neither an apple nor an orange.');
    }
    

    掌握这些技巧,你将能写出更简洁、更清晰、更优雅的JavaScript条件语句,提升你的编码能力。