JavaScript基础_第二天学习

前言

第二天教程主要学习了js的运算符(算数运算符、递增和递减运算符、比较运算符、逻辑运算符、赋值运算符)和流程控制(流程控制、顺序流程控制、分支流程控制 if 语句、三元表达式、分支流程控制 switch 语句)。

这些内容在学习C语言的过程中已经学习过了,两者之间差别不大,不再做赘述。所以,今天我主要通过在学习C语言过程中未涉及到的知识和几个案例来总结下下js中的运算符和流程控制。

未涉及的知识

短路运算(逻辑中断)

原理

当有多个表达式(值)时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。

逻辑与

语法:表达式1 && 表达式2

如果第一个表达式的值为真,则返回表达式2的值

如果第一个表达式的值为假,则返回表达式1

(也就是如果表达式1的运算结果为false,则整个表达式的结果为false,同时不会再对后面的表达式2、表达式3到表达式n进行运算判断。如果表达式1的运算结果为true,则根据表达式2的运算结果继续判断。)

逻辑或

语法: 表达式1 || 表达式2

如果第一个表达式的值为真,则返回表达式1

如果第一个表达式的值为假,则返回表达式2

(如果表达式1的运算结果为true,则整个表达式的结果为true,同时不会再对后面的表达式2、表达式3到表达式n进行运算判断。如果表达式1的运算结果为false,则根据表达式2的运算结果继续判断。)

案例分析

判断闰年

 // 算法:能被4整除且不能整除100的为闰年(如2004年就是闰年,1901年不是闰年)或者能够被 400 整除的就是闰年 
 var year = prompt('请输入年份:');
 if (year % 4 == 0 && year % 100 != 0 || year % 400 ==0) { 
     alert('您输入的是闰年');
     var year = prompt('请输入年份:');
 } else {
         alert('您输入的是平年');
         var year = prompt('请输入年份:');
        }

这个案例十分简单,不做分析,但是重要的是算法问题,当然这个算法也很简单,但是这个案例说明,学习好数据结构对编程的作用是十分大的。

 

判断成绩案例

要求

要求:接收用户输入的分数,根据分数输出对应的等级字母 A、B、C、D、E。

其中:

  1. 90分(含)以上 ,输出:A
  2. 80分(含)~ 90 分(不含),输出:B
  3. 70分(含)~ 80 分(不含),输出:C
  4. 60分(含)~ 70 分(不含),输出:D
  5. 60分(不含) 以下,输出: E

分析

  1. 按照从大到小判断的思路
  2. 弹出prompt输入框,让用户输入分数,把这个值取过来保存到变量中
  3. 使用多分支 if else if 语句来分别判断输出不同的值
var s = prompt('请输入你的成绩:');
if (s >= 90) {
    alert('A');
} else if (s>=80) {
    alert('B');
} else if (s>=70) {
    alert('C');
} else if (s>=60) {
    alert('D');
} else {
    alert('E');
}

数字补0案例

要求

用户输入数字,如果数字小于10,则在前面补 0 ,比如01,09 ,如果数字大于10,则不需要补,比如 20。

分析

这个案例可以用于做倒计时时,当时分秒小于10时,在其前面加一个0,让它更好看,例如5: 5,05:05。

通过三元表达式。

var num = prompt('请输入一个0~59之间的数字');
var result = num < 10 ? '0' + num : num;
alert(result);

评论

  1. 小弟
    Android Chrome
    2月前
    2021-10-01 21:11:28

    请多来点

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇