JS运算符,if、else、switch、四则运算、for循环

一、运算符:

1.比较运算符 > 、 < 、 >= 、 <= 、 != 、 == 、===

let num = 1;

let num2 =2;

console.log(num > num2);/*返回值是false*/

console.log(num < num2);/*返回值是true*/

console.log(num >= num2);/*返回值是false*/

console.log(num <= num2);/*返回值是true*/

console.log(num != num2);/*返回值是true*/

console.log(num !== num2);/*返回值是true */

/*如果num = 2 num !== num2 返回值就是false */

var num1 = 2;

var num3 = '2';

console.log(num1 == num3)/*返回值会比较把字符串改成数字 返回值是true*/

console.log(num1 === num3)/*表示全等 还会比较类型 所以返回值是false*/

2.逻辑运算符 && 、||、 ! (与、或、非)

/* && */

  console.los(false && true);/*左右两个都要是true返回值才是true*/

  /* || */

  console.log(true || false);/*左右两个只要有一个是true返回值就是true*/

  let num = 5;

  let num2 = 10;

  let num3 = 8;

  console.log(num3 > num && num3 < num2);/*返回值是true  如果num3等于4 那么返回值就是false*/

  console.log(num3 > num || num3 < num2);/*返回值是true num3等于4 返回值也是4*/


  /*!取反*/

  console.log(!true);/*它的返回值就是false*/

运算符练习:

利用函数点击按钮触发true 再次点击切换为false

<button onclick="fn()">点我</button>

<script>

    /*外面定义的布尔类型的变量值为true */

    let flag=true;

    /*点击执行fn()方法*/

    function fn(){

    /*先打印外面的flag 先执行*/

        alert(flag);

    /*把原来的flag取反 再把值给到外面的flag从而改变外面flag的值  后执行*/

        flag = !flag;

    }

</script>

二、if、else条件语句

if语句:


使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码块。

else语句:


请使用 else 语句来规定假如条件为 false 时的代码块。

练习:定义一个弹出的输入框 大于30万就买特斯拉 否则就弹出不行,代码如下:


let ck = prompt('请输入你的存款有多少');

    if(ck > 300000){

        alert('买特斯拉');

    }else{

        alert('你太穷了,你不配买车');

    }

三、switch语句

switch case语句用于基于不同条件执行不同动作。

语法:


switch(表达式) {

    case n:

    代码块

    break;

case n:

    代码块

    break;

default:

    默认代码块

}

练习:


根据每天是周几使用switch语句输出不同语述口

周一输出---新的一周开始了

周二输出---努力工作

口周五输出---明天就是周末了

口周六日输出---放松的休息

否则---工作中

代码如下:

switch (prompt('今天是周几')) {

        case '1':

            alert('新的一周开始了');

            break;

        case '2':

            alert('努力工作');

            break;

        case '5':

            alert('明天就是周末了');

            break;

        case '6':

            alert('放松休息'); break;

        default:

            alert('工作中');

    }

四则运算练习:


<button onclick="num()">点我一下</button>

<script>

    function num() {

        let num1 = parseInt(prompt('请输入第一个数'));

        let num2 = parseInt(prompt('请输入第二个数'));

        let num3 = prompt('请输入运算符');

        switch (num3) {

            case '+':

                var jg = num1 + num2;

                alert('运算的结果' + num1 + num3 + num2 + '=' + jg);

                break;

            case '-':

                var k = num1 - num2;

                alert('运算的结果' + num1 + num3 + num2 + '=' + k);

                break;

            case '*':

                var l = num1 * num2;

                alert('运算的结果' + num1 + num3 + num2 + '=' + l);

                break;

            case '/':

                var m = num1 / num2;

                alert('运算的结果' + num1 + num3 + num2 + '=' + m);

                break;

            default:

                alert('您输入的格式不正确');

            }

      }

  </script>

四、for循环

语句 1 在循环(代码块)开始之前执行。

通常,您会使用语句 1 来初始化循环中所使用的的变量(i = 0)。

但情况并不总是这样,JavaScript 不会在意。语句 1 是可选的。

您可以在语句 1 中初始化多个值(由逗号分隔)

语句 2 定义运行循环(代码块)的条件。通常语句 2 用于计算初始变量的条件。

但情况并不总是这样,JavaScript 不会在意。语句 2 也是可选的。

如果语句 2 返回 true,那么循环会重新开始,如果返回 false,则循环将结束。

如果省略语句 2,那么必须在循环中提供一个break。否则循环永远不会结束。

语句 3 会在循环(代码块)每次被执行后执行。通常语句 3 会递增初始变量的值。

但情况并不总是这样,JavaScript 不会在意。语句 3 也是可选的。

语句 3 可做任何事情,比如负递增(i--),正递增(i = i + 15),或者任何其他事情。

语句 3 也可被省略(比如当您在循环内递增值时)

练习1:

打印我爱js1、我爱js2....我爱js5,输出再HTML中,代码如下:

<script>

    /*var i=1是第一步先定义一个变量赋值为1*/

    /* i<=5是第二步把变量i和5进行判断,

    满足i<=5这个条件,就执行下面的条件*/

    /*i++是第三步给变量i加1再和i<=5进行判断,

    满足条件继续执行下面的代码块,

    i++ i=6的时候不满足i<=5条件就会终止循环*/

    for (var i = 1 ; i <= 5 ; i++){

        document.write('<h1>'+'我爱js' + i + '</h1>');

    }

    </script>

练习二:

用for循环求出100内的所有偶数和与奇数和,代码如下:

var j = 0;

    var k = 0;

    for(var i = 0; i <=100; i++){

        if(i % 2 ==0){

            j += i;

        }else{

          k += i;

        }

    }

    document.write('所有奇数和是'+ k );

    document.write('所有偶数和是'+ j );

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,539评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,911评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,337评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,723评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,795评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,762评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,742评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,508评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,954评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,247评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,404评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,104评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,736评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,352评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,557评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,371评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,292评论 2 352

推荐阅读更多精彩内容

  • 11js关系运算符 <!DOCTYPE html> 11js关系运算符 /*关系运算符存在的意义:1、默认情况下,...
    ouyangqinbin阅读 337评论 0 0
  • 一,JavaScript的书写格式 1.行内脚本:写在HTML标签内部,通过一个属性节点来添加,不推荐使用,例如“...
    刘远舟阅读 460评论 0 0
  • --- 学习目标: - 掌握编程的基本思维 - 掌握编程的基本语法 typora-copy-images-to: ...
    YFBigHeart阅读 1,051评论 0 2
  • 变量:用来记录字符,数字以及其他东西的而且表示这些东西的东西 变量的使用 1.声明变量 var a; 2.赋值变量...
    蓝钻之魅阅读 590评论 0 0
  • 第一章 第二章 在html两种引用js function sayScript(){alert(" ");} ...
    benbensheng阅读 428评论 0 0