javascript条件语句避坑法则

作为一名程序员对条件判断语句应该不会陌生，本文给大家介绍一下一些优化点。

1、多重判断时使用 Array.includes

var arr = ['a','b','c','d']
var obj = 'c'
console.log(arr.includes(obj))

2、循环判断加入return

3、在JavaScript中我们总是需要检查 null / undefined的值和指定默认值

4、对象遍历不要用Switch语句，Map更简单

const fruitColor = new Map()
    .set('red', ['apple', 'strawberry'])
    .set('yellow', ['banana', 'pineapple'])
    .set('purple', ['grape', 'plum']);

function test(color) {
  return fruitColor.get(color) || [];
}

5、利用 Array 的内置方法来减少代码

const fruits = [
    { name: 'apple', color: 'red' },
    { name: 'banana', color: 'yellow' },
    { name: 'grape', color: 'purple' }
  ];

function test() {
  const isAllRed = fruits.every(f => f.color == 'red');

  console.log(isAllRed); // false
}

//Array.every


const fruits = [
    { name: 'apple', color: 'red' },
    { name: 'banana', color: 'yellow' },
    { name: 'grape', color: 'purple' }
];

function test() {
  // 条件：任何一个水果是红色
  const isAnyRed = fruits.some(f => f.color == 'red');

  console.log(isAnyRed); // true
}

//Array.some

进入前端入门建站教程官网入口

Javascript有哪些方法可以实现继承

标签： every, JavaScript方法, script, set, some, 条件语句

上面是“javascript条件语句避坑法则”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2340.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！