浅谈js中switch的4种不同写法

1068 ℃

一般情况大家认为switch只有一种写法,下面web建站小编收集了一个不同的switch写法,代码如下:

第一种写法:

function switchS(score) {
  switch (true) {
    case score >= 90:
      return "优秀";
    case score >= 75:
      return "良好";
    case score >= 60:
      return "合格";
    default:
      return "不合格";
  }
}

第二种写法:

function switchS(score) {
  return ((value, rules) => rules.find(({ t }) => t(value)).v)(
    score,
    [
      { t: n => n >= 90, v: "优秀" },
      { t: n => n >= 75, v: "良好" },
      { t: n => n >= 60, v: "合格" },
      { t: () => true, v: "不合格" },
    ]
  );
}

第三种写法:

function switchS(score) {
  return (value => {
    switch (true) {
      case value >= 90:
        return "优秀";
      case value >= 75:
        return "良好";
      case value >= 60:
        return "合格";
      default:
        return "不合格";
    }
    })(score);
}

第四种写法:

function switchS(score) {
  const printGrade = (grade, score) => {
    console.log(grade, score);
    return grade;
  };
  return ((value, rules) => rules.find(({ t }) => t(value)).fn(value))(
    score,
    [
      { t: n => n >= 90, fn: score => printGrade("优秀", score) },
      { t: n => n >= 75, fn: score => printGrade("良好", score) },
      { t: n => n >= 60, fn: score => printGrade("合格", score) },
      { t: () => true, fn: score => printGrade("不合格", score) },
    ]
  );
}

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

Switch无法开机是什么原因导致的,怎么解决

javscript获取本月的开始日期和结束日期(包括上个月、下个月)

js监听浏览器刷新及关闭(第一次进入)

js实现对象for循环遍历赋值

js创建一个指定长度数组(根据数字显示数组长度)

标签: js, switch

上面是“浅谈js中switch的4种不同写法”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

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

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

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
对于织梦CMS各目录内文件的说明详解
LeaferUI之HTML5 Canvas 2D 图形UI绘图框架安装示例
el-dialog弹窗全局垂直居中设置
php语法如何把字母转化成数字
基于 Vue3 和 Element Plus免费开源admin前端UI框架——SCUI Admin