写好 JS 条件语句的 5 条守则
2019-01-15 10:04
330 查看
总结:
1.多重判断时使用 Array.includes
function test(fruit) { const redFruits = ['apple', 'strawberry', 'cherry', 'cranberries']; if (redFruits.includes(fruit)) { console.log('red'); } }
2.更少的嵌套,尽早 return
3.使用默认参数和解构
// 解构 - 仅仅获取 name 属性 // 为其赋默认值为空对象 function test({name} = {}) { console.log (name || 'unknown'); } // test results test(undefined); // unknown test({ }); // unknown test({ name: 'apple', color: 'red' }); // apple
4.倾向于遍历对象而不是 Switch 语句
(1)对象遍历:
const fruitColor = { red: ['apple', 'strawberry'], yellow: ['banana', 'pineapple'], purple: ['grape', 'plum'] }; function test(color) { return fruitColor[color] || []; }
(2)使用Map:
const fruitColor = new Map() .set('red', ['apple', 'strawberry']) .set('yellow', ['banana', 'pineapple']) .set('purple', ['grape', 'plum']); function test(color) { return fruitColor.get(color) || []; }
(3)使用Array.filter:
const fruits = [ { name: 'apple', color: 'red' }, { name: 'strawberry', color: 'red' }, { name: 'banana', color: 'yellow' }, { name: 'pineapple', color: 'yellow' }, { name: 'grape', color: 'purple' }, { name: 'plum', color: 'purple' } ]; function test(color) { return fruits.filter(f => f.color == color); }
5.对 所有/部分 判断使用 Array.every & Array.some
原文地址:https://mp.weixin.qq.com/s/OMYSRsyHPIQD1UD5QqWPgQ
相关文章推荐
- JS基础学习第四天:条件控制语句、循环语句、函数模块、事件等通用代码块
- JS基础学习第四天:条件控制语句、循环语句、函数模块、事件等通用代码块2
- js 中的流程控制-条件语句
- JS的学习路程基础(一)---数据类型,操作符,条件语句
- JS+条件语句+循环语句+js操作
- JS+条件语句+循环语句+js操作
- 2015年7月17日 JS第二课(JS语句,条件,循环)
- JS的条件与循环语句简介
- JS运算符与if...else条件语句
- Js循环语句与条件语句
- 关于js中if语句成立成立条件的总结
- Vue。js学习系列(二十四)--条件语句(二)
- js条件语句
- JS(四)条件语句,循环语句
- JS中的条件语句/循环语句/跳转语句
- 0522 js 条件语句
- JS各种循环语句/条件语句的性能
- js条件语句false情况
- JS中的条件语句/循环语句/跳转语句
- js优化嵌套的条件语句