网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

JavaScript中不用if写代码有哪些特点

这篇文章主要讲解了“不用if写代码有哪些特点”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“不用if写代码有哪些特点”吧!

为灵丘等地区用户提供了全套网页设计制作服务,及灵丘网站建设行业解决方案。主营业务为成都做网站、网站制作、灵丘网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

示例1: 统计数组中的奇数

假设我们有一个整数数组arrayOfIntegers,现在需要统计其中奇数的个数:

const arrayOfIntegers = [1, 4, 5, 9, 0, -1, 5];

使用if

let counter = 0; arrayOfIntegers.forEach((integer) => {   const remainder = Math.abs(integer % 2);   if (remainder === 1) {     counter++;   } });  console.log(counter);

console.log(counter);

不用if

let counter = 0;  arrayOfIntegers.forEach((integer) => {   const remainder = Math.abs(integer % 2);   counter += remainder; });  console.log(counter);

不用if时,我们巧妙地利用了奇数与偶数的特性,它们除以2的余数分别是0和1。

示例2: 判断工作日和周末

给定一个日期(比如new Date()),判断它是工作日还是周末,分别返回”weekend”和”weekday”。

使用if

const weekendOrWeekday = (inputDate) => {   const day = inputDate.getDay();    if (day === 0 || day === 6) {     return 'weekend';   }       return 'weekday';    // Or, for ternary fans:   // return (day === 0 || day === 6) ? 'weekend' : 'weekday'; };  console.log(weekendOrWeekday(new Date()));

不用if

const weekendOrWeekday = (inputDate) => {   const day = inputDate.getDay();    return weekendOrWeekday.labels[day] ||           weekendOrWeekday.labels['default']; };  weekendOrWeekday.labels = {    0: 'weekend',    6: 'weekend',    default: 'weekday'  };  console.log(weekendOrWeekday(new Date()));

你是否发现if语句中其实隐含着一些信息呢?它告诉我们哪一天是周末,哪一天是工作日。因此,要去掉if语句的话,我们只需要把这些信息写入weekendOrWeekday.labels对象,然后直接使用它就好了。

示例3: doubler函数

写一个doubler函数,它会根据参数的类型,进行不同的操作:

  1. 如果参数是数字,则乘以2(i.e. 5 => 10, -10 => -20);

  2. 如果参数是字符串,则每个字符重复2次 (i.e. 'hello' => 'hheelloo');

  3. 如果参数是函数,则调用2次;

  4. 如果参数是数组,则将每一个元素作为参数,调用doubler函数

  5. 如果参数是对象,则将每个属性值作为参数,调用doubler函数

使用switch

const doubler = (input) => {   switch (typeof input) {     case 'number':       return input + input;     case 'string':       return input         .split('')         .map((letter) => letter + letter)         .join('');     case 'object':       Object.keys(input)             .map((key) => (input[key] = doubler(input[key])));       return input;     case 'function':       input();       input();   } };  console.log(doubler(-10)); console.log(doubler('hey')); console.log(doubler([5, 'hello'])); console.log(doubler({ a: 5, b: 'hello' })); console.log(   doubler(function() {     console.log('call-me');   }), );

不用switch

const doubler = (input) => {   return doubler.operationsByType[typeof input](input); };  doubler.operationsByType = {   number: (input) => input + input,   string: (input) =>     input       .split('')       .map((letter) => letter + letter)       .join(''),   function: (input) => {     input();     input();   },   object: (input) => {     Object.keys(input)           .map((key) => (input[key] = doubler(input[key])));     return input;   }, };

可知,我将每一种参数类型对应的操作绑定到了doubler.operationsByType,这样不需要switch语句,就可以实现doubler函数了。

感谢各位的阅读,以上就是“不用if写代码有哪些特点”的内容了,经过本文的学习后,相信大家对不用if写代码有哪些特点这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


文章名称:JavaScript中不用if写代码有哪些特点
网站网址:http://bjjierui.cn/article/ihjoji.html

其他资讯