JS操作符、循环语句及条件语句

最新推荐文章于 2021-07-18 17:55:14 发布
最新推荐文章于 2021-07-18 17:55:14 发布
阅读量213 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fanfan_h/article/details/90412318
版权

一.算数操作符：

  • + — * /
  • 递增和递减
    1.递增：++a 与a++
    2.递减同理；
    二.赋值操作符
    简单赋值：=；
    符合赋值：+=、- =、*=、/=、%=；
 var a=10;
          var b=20;
          a+=5;   //a=a+5   15
          b%=4;   //b=b%4   0

三.比较操作符

、< 、>=、<= 、
==：只比较值是否相等
=：全等
！=：比较值不相等
！：全不等
返回值为boolean类型;

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>赋值操作符和比较操作符.三元操作符</title>
</head>
<body>
      <script>
          //赋值操作符
          var a=10;
          var b=20;
          a+=5;   //a=a+5   15
          b%=4;   //b=b%4   0
          console.log(a);
          console.log(b);
          var str="hello ";  //hello 带空格
          // str=str+" world";  //灯饰中有字符串出现时，+表示连接作用
          str+=" world";     //复合赋值，简写版
          console.log(str); //hello world
          //比较操作符
          console.log(a>b);
          var x=10,
              y="10",
              m=15,
         //   z=x==y;  // == 只比较两个值是否相等
              z=x===y;  //全等  还要比较数据类型是否相等
              n=x!==y;
          console.log(z);
          console.log(n);
          console.log(null==undefined);
          console.log(null===undefined); //不全等
          //三元操作符
          var soce=55;
          var result=(soce>60)? "及格":"不及格";
          console.log(result);


      </script>
</body>
</html>

一个小例子：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>算数操作符</title>
</head>
<body>
      <script>
          /*var num1=10,
              num2="c",
              num3="5"; //字符串为5
          console.log(num1*num2);  //number为NaN
          console.log(num1*num3);   //自动将字符串5转换为数字类型5   隐式类型转换*/
          var num1=10,
              num2=5,
          // num3=++num1+num2;
              num3=num1++-num2,
              x1=20,
              x2=30,
              x3=--x1+x2--;   //x2--先返回原值30
          console.log(num1);  //11   //11
          console.log(num3);  //16   //5
          console.log(x1);    //19
          console.log(x2);    //29
          console.log(x3);   //19+30=49
      </script>
</body>
</html>

在这里插入图片描述
四.三元操作符
语法：条件？执行代码1：执行代码2
说明：可代替简答的 if 语句，如果条件1成立，执行代码1，否则执行代码2.
五.逻辑操作符
1.逻辑或：||
2.逻辑与 &
3.逻辑非 ！

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>逻辑与操作符</title>
</head>
<body>
      <script>
          var num1=10,
              num2=20,
              num3=30,
              str="welcome",
              bool=true,
              n=null,
              m;
         /* console.log(num1<num2 && num2<num3);  //true
          console.log(num1<num2 && num2==num3); //所有条件都为true，返回结果才为true
          console.log(num2<num3 && num3>num1 && false);*/
          console.log(str && num3); // 30
          console.log("hello" && 65 && "abc");  //abc
          console.log(0 && 88 );  //0  false,返回值为0
          console.log("" && 0 && 30>20 ); //""
      </script>
</body>
</html>

JS条件语句
《一》if条件语句

  • 语法一：

if(条件) {
执行代码块
}

  • 语法二：

if(条件){
执行代码块1
}else{
执行代码块2
}

  • 语法三
    if(条件1){
    执行代码块1;
    }else if(条件2){
    执行代码块2;
    }…esle{
    执行代码块3;
    }
注：alert() 弹出警告框
prompt() 弹出输入框
document.write（"内容’）向浏览器输出内容
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>if条件语句</title>
</head>
<body>
     <script>
         //语法一
         /*var age=15;
         if(age<18){
           alert("您还没有成年");  //alert 弹出警告对话框
         }*/
         //语法二
       /*  var age=prompt("请输入您的年龄")
         console.log(age);
         if(age<18){
             alert("您还没有成年");  //alert 弹出警告对话框
         }else{
             alert("您已成年，请提供您的身份证号")
         }*/
         //语法三
         var age=prompt("请输入您的年龄")
         console.log(age);
         if(age<18){
             alert("您还没有成年");  //alert 弹出警告对话框
         }else if(age>=18  &&age<=59){         //18岁到59岁之间
             alert("您可以进入");
         }else {
             alert("您已超出年龄限制");
         }


     </script>
</body>
</html>

这是刚进入的弹框
这是进入的弹框z
输入年龄小于18时
在这里插入图片描述
输入年龄大于18时
在这里插入图片描述
《二》switch语句
break：跳出当前结构


    var pay="微信支付",
            res= 1,
            price=200,
            num=2;
    switch (pay){
        case "微信支付":res="0.95";
        break;
        case "支付宝支付":res="0.9";
        break;
        default :res="1";
         break;
    }
    var totle=price *res*num;
    console.log(totle);  //380

JS循环语句
分类：
for循环
while循环
do while 循环

  • for语句语法：
    for(语句1；语句二；语句三){
    被执行的代码块
    }
     for(var i=0;i<10;i++){
         console.log(1);
         }

最简单的for循环：死循环

最简单的for怎么写 
   for(   ;  ;   ){

         }

循环从1——100的数

 for(var i=1;i<=100;i++){
             document.write(i+"<br/>")   //1 2 3  ,. .100
         }

循环嵌套

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>循环嵌套</title>
</head>
<body>
      <script>
          for(var i=1;i<=3;i++){
              document.write(i+"<br/>");      //1           2            3
              document.write("<hr/>");
              for(var j=1;j<=5;j++){
                  document.write(j) ;//1 2 3 4 5    1 2 3 4 5    1 2 3 4 5
              }
              document.write("<hr/>");
              document.write("<br/>") ;

          }
      </script>
</body>
</html>

在这里插入图片描述

《一》一个金子塔线条

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>循环结构</title>
    <script>
        for(var i=1;i<50;i++)
        {
            document.write("<hr style='width:"+(i*10)+"px;'/>")
        }
         </script>

在这里插入图片描述
注：字符串之间用+连接，如：
var s = “ab”;
var l = “de”;
var h=“c”;
console.log(“ab” +“c”+ “de”); // abcde
《二》金子塔乘法表

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>循环结构</title>
    <script>

  //金字塔乘法表
      for(var n =1; n <10; n++){
          for(var m =1;m <=n;m ++){
              document.write ("<span>"+(n + "*" + m + "="+(m * n<10?(m * n) +"&nbsp;&nbsp;&nbsp;":(m * n)+"&nbsp;"))+"</span>")

          }
          document.write("<br>");
      }
    </script>
    <style>
        body {
            text-align: center;
        }

        span {
            display: inline-block;
            width: 100px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            border: 1px solid black;
        }
    </style>
</head>
<body>

</body>
</html>

在这里插入图片描述
《三》打印****

  //打印***
       //******
       //  ******
       //    ******
       //      ******
    for(var i=0;i<4;i++){
        for(var k=0;k<2*i;k++){
            document.write("&nbsp ");
        }
        for(var j=0;j<6;j++){
            document.write("*");
        }
        document.write("<br>");
    }

在这里插入图片描述

  • while循环
  • do while循环
    while:先判断，后执行
    do while:先执行，后判断。（至少执行一次）。
    while(条件){
    执行内容；
    }
    do{
    执行内容；
    }while（条件）
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>do while</title>
    <script>
        /*while:先判断，后执行
        do while:先执行，后判断。（至少执行一次）。*/
          var n=0;
        while(n>1){
            n++;
            console.log(n);  //不执行
        }
       var m=0;
        do{
            m++;
            console.log(m);  //1
        }while(m>1)
    </script>
</head>
<body>

</body>
</html>
莓莓儿～
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS运算符及条件循环语句
weixin_45746793的博客
05-24 164
JS运算符及条件循环语句 js运算符 运算操作符 1.“+” 数学运算、字符串连接 //数学运算 var a=1； var b=2； var c=a+b; console.log(c); //3 //字符串连接 var a="1"； var b="2"； var c=a+b; console.log(c); //1 2 任何数据类型加字符串都等于字符串 2.“-”， “*”，
JavaScript判断语句及循环语句
少年听雨、的博客
05-19 629
一、条件判断语句： 语句： if（条件）{.......} else {.......} 练习： 小明身高1.75，体重80.5kg。请根据BMI公式（体重除以身高的平方）帮小明计算他的BMI指数，并根据BMI指数： 低于18.5：过轻 18.5-25：正常 25-28：过重 28-32：肥胖 高于32：严重肥胖 用if...else...判断并显示结果： 'use strict'; //严格模式 var height = parseFloat(prompt('请输入身高(m):')); var we
前端学习（二）-----Javascript（02数据类型与转换）
wmTGmw的博客
07-18 319
目录 一、数据类型 1.数值型 2.字符串型 3.布尔型 4.未定义型 5.空 二、数据类型转换 1.隐式转换 2.强制转换 一、数据类型 分为原始类型和引用类型 原始类型分为数值型、字符串型、布尔型、未定义型、空 1.数值型 整型 8进制： 以0开头的数，例如012 16进制：以0X开头的数字，例如0Xa,不区分大小写 浮点型 3141.5e-1 314.15 ...
js 在while循环判断条件中进行赋值语句操作
weixin_42351895的博客
08-14 4202
最近在使用while的时候，由于使用正则的exec方法，同时也是进行全局匹配，需要匹配出全部的内容，所以想用while进行循环获取。突然想起while可以在条件判断中进行while(nowParam = reg.exec(param) 语句的赋值。 这种用法以前我一直不太敢使用，担心会出现什么问题，一般都是先在循环外部定义好遍历，将值赋给遍历后再作为循环的条件。 所以今天想弄清楚这个的使用方法： 原代码： while(nowParam = reg.exec(param)){ co
JavaScript中while以及do while语句的使用
编程界明世隐的博客
12-02 1975
while语法 while (条件) { 要执行的代码块 } var i=0; while(i<4){ console.log(i) i++; } 输出结果： 0 1 2 3 上面的实例中，代码就一次次的执行，只要i<4成立，一旦i=4了就会中断循环。 不能忘记i++ 语句，否则会变成死循环。 dowhile语法 do { 要执行的代码块 } while (条件); 例子： var i=0; do{ console.log(i) i++; } ...
js 实现多种绚丽的弹出式提示框
10-10
js 实现多种绚丽的弹出式提示框,非常简单，实用，照搬照用
while 语句中的赋值表达式问题 while(child = el.firstChild)
qq_42880714的博客
05-06 5253
遇到一段很奇怪的代码，分享一下 const fragment = document.createDocumentFragment(); let child; while((child = el.firstChild)){ // 1 fragment.appendChild(child) // 2 } return fragment while里面到底是如何运行的呢？ 在第一行的括号里...
JavaScript操作符及类型转换与流程控制语句.docx
09-05
2. **循环语句**：`for`循环用于迭代指定次数，`while`和`do...while`循环基于条件进行循环。在数组遍历中，`for`循环常常和递增或递减操作符一起使用。 3. **跳转语句**：`break`用于跳出最内层循环或`switch`语句...
分享5个小技巧让你写出更好的 JavaScript 条件语句
10-17
4. 使用短路逻辑操作符短路逻辑操作符 `&&` 和 `||` 可以帮助我们编写更简洁的条件语句。例如，当需要确保变量已定义且非空时，可以使用 `&&`： ```javascript let fruit; console.log(fruit && fruit.length); // ...
JavaScript常用107个语句
12-29
17. **正则表达式**：用于文本匹配和替换，如`/pattern/flags`，支持多种匹配模式和操作符。 18. **异常处理**：使用`try...catch`结构捕获和处理运行时错误，`throw`用于抛出异常。 19. **定时器**：`setTimeout`...
javascript一元操作符(递增、递减)使用示例
10-27
它们可以简化代码，特别是在循环和条件语句中。然而，需要注意的是，由于它们依赖于操作符的位置以及操作数的数据类型，可能会导致预期之外的结果，特别是在涉及非数值类型时。因此，在使用这些操作符时，确保对它们...
JavaScript 布尔操作符解析 && || ！|angluo-javascript-88798.pdf
10-27
在一门编程语言中，布尔操作符的重要性堪比相等操作符。如果没有测试两个值关系的能力，那么诸如if...else和循环之类的语句就不会有用武之地了。布尔操作符一共有3个： 非、与、或
js第11（内置对象）
qq_38830147的博客
04-09 223
内置对象 （1）js对象 1，自定义对象、内置对象、浏览器对象； 2，自定义对象和内置对象是js基础内容，属于ECMAScript；浏览器对象是js独有的； 3，内置对象是js语言中自带的一些对象，供给开发者使用，并提供一些常用的或是最基本而必要的功能； 4，内置对象：Math、Data、Array、String； （2）查文档MDN 1，查阅该方法的功能； 2，查看里面参数的意义和类型； 3，查...
js-h——变量的交换方式 和 常见转义字符（js、html）
肖的博客
01-10 1271
1.新定义变量接收 var num1=1,num2=2,num3; num3=num1; num2=num1; num1=num3; 2.类似法1 var num1=1,num2=2,num3; num3=num1+num2; num2=num3-num1; num1=num3-num2; 3.异或运算 var num1=1,num2=2; num1=num1^num2; num2=num2^...
用while循环给复杂变量赋值
linlinhust的专栏
11-05 1136
func_read_cfg() {     LOOP=0     while [ $LOOP -lt 24 ]     do         NumName=Num${LOOP}         eval ${NumName}=`cat ${CFGNAME}|grep -w Num${LOOP}|awk -F[=] '{print $2}'`         echo ${NumName}=${!
js中的foreach用法
热门推荐
不想写代码的一天
06-10 59万+
forEach() 方法对数组的每个元素执行一次提供的函数。 var array = ['a', 'b', 'c']; array.forEach(function(element) { console.log(element); }); 输出为： a; b; c; forEach() 方法对数组的每个元素执行一次提供的函数。总是返回undefined； var arr = [1,2,3...
JavaScript常用语句详解
11. **比较操作符**：JavaScript中的比较操作符包括 `==`（等于），`!=`（不等于），`>`（大于），`（小于），`>=`（大于等于），`（小于等于）。 12. **变量声明**：使用 `var` 关键字声明变量，例如 `var myVar =...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值