JavaScript——运算符,流程控制

一、运算符

1、算数运算符

算数运算符
+ - * / %  ++  --

比较运算符
> >=  <  <=  !=  ==  ===  !==

注意:
-------------------------------------------------
在赋值操作中:
i++代表先把i的值给左边变量,再在此基础上i++
++i 代表加完以后再赋值
不是赋值操作,那么i++ 和++i都一样
-------------------------------------------------

1 == “1”  // true
1 === "1"  // false

逻辑运算符
&&  ||  !

赋值运算符
=  +=  -=  *=  /=

注意看在赋值操作中用i++ 和++i  ,res的值不同 !!!

二、流程控制

if->else

var age = 30;
undefined
if(age > 18){
    console.log('too old');
}else {
    console.log('too young');
}

if->else if->else  (不能简写)

var age=18;
if(age > 18){
    console.log('too old');
}
else if(age == 18){
    console.log('花姑娘,吆西');
}
else {
    console.log('too young');
}

switch

ps:switch中的case子句通常都会加break语句,否则程序会继续执行后续case中的语句。

var day = new Date().getDay();
switch (day) {
  case 0:
      console.log("星期天,出去浪");
      break;
  case 6:
      console.log("星期六,也出去浪");
      break;
  default:
      console.log("工作日,正常上班")
}

for

for (let i=1;i<=3;i++){
    console.log(i);
}

while

let i=0;
undefined
while (i<=3){
    console.log(i);
    i++;
}

三元运算

# python中三元运算符 res = 1 if 1>2 else 3
# JS中三元运算  res = 1>2?1:3 

条件成立取问好后面的1 不成立取冒号后面的3
var res = 2>5?8:10 # 10
var res = 2>5?8:(8>5?666:444)  # 666

ps:三元运算符不要写的过于复杂

具体案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var d=new Date()
    if (d.getDay() == 0) {
        alert("今天是星期天")
    } else if (d.getDay() == 6){
        alert("今天是星期六")
    } else {
        alert("老老实实工作吧")
    }

    // var x=999
    // switch (x) {
    //     case 0:
    //         console.log("星期天,出去浪")
    //         break
    //     case 6:
    //         console.log("星期六,也出去浪")
    //         break
    //     default:
    //         console.log('老老实实工作吧')
    // }

    // for (var i=0;i<=5;i++) {
    //     console.log(i)
    // }

    // var arr=[111,222,333,444,555]
    // arr.forEach(function (item) {
    //     console.log(item)
    // })

    // for (var i=0;i<arr.length;i++) {
    //     console.log(arr[i])
    // }

    // var count=0
    // while (count < 5) {
    //     if (count == 3) {
    //         // break
    //         count++
    //         continue
    //     }
    //     console.log(count)
    //     count++
    // }

    // 10>3?"ok":"no"
    // 10<3?"ok":"no"

    function f() {
        y=3
    }
    console.log(y)
</script>
</body>
</html>

应用

(0)

相关推荐

  • JavaScript优雅写法及骚操作

    前端技术优选 今天 以下文章来源于掘金开发者社区 ,作者NeverSettle 掘金开发者社区掘金,一个帮助开发者成长的技术社区 昨天看权威指南的时候看到一个个人觉得很优雅的写法,便想着记录一下(我的 ...

  • 2021 年需要了解的 34 个 JavaScript 优化技巧

    前端试炼 前天 以下文章来源于掘金开发者社区 ,作者黄龙吐翠 掘金开发者社区掘金,一个帮助开发者成长的技术社区 原文地址:34 JavaScript Optimization Techniques t ...

  • 20个对JavaScript 开发人员的超级有用的技巧

    2021-09-07 JavaScript 是流行编程语言之一,也是许多开发人员最喜欢的语言之一.你可以用它构建 Web 或移动混合应用程序,甚至是机器人开发学习.该语言对于初学者来说,也不是那么困难 ...

  • 9个实用的JavaScript开发技巧,你必须知道一下

    WEB前端开发社区 昨天 从Web开发到机器学习再到应用程序开发,JavaScript拥有大量的应用程序列表. 幸运的是,JavaScript提供了可以方便使用的全面功能列表,但是,其中许多功能和ha ...

  • 「学习笔记」JavaScript基础

    前言 最近一直在跟着黑马教程学习JavaScript内容,遂把这一阶段的学习内容整理成笔记,巩固所学知识,同时也会参考一些博客,书籍上的内容,查漏补缺,给自己充充电

  • JavaScript基础-03

    JavaScript基础-03

  • 11个 Javascript 代码优化小技巧

    Vue中文社区 作者:alanyf 原文:https://juejin.cn/post/6909638377247604750 1. 提炼函数 好处: 避免出现超大函数. 独立出来的函数有助于代码复用 ...

  • JS条件语句

    JS条件语句

  • JavaScript的简介与语法大合集

    以最新的JavaScript标准为基准.通过简单但足够详细的内容,为你讲解从基础到高阶的JavaScript相关知识. JavaScript简介 让我们来看看JavaScript有什么特别之处,我们可 ...

  • Java流程控制与Scanner类的使用

    Java流程控制与Scanner类的使用 Scanner类 Scanner类可以使程序接受键盘输入,实现人机交互 一个完整的Scanner的使用例子: //创建一个扫描器对象,用于接收键盘数据 Sca ...

  • java 流程控制学习

    用户交互Scanner import java.util.Scanner; public class Demo01 { public static void main(String[] args) { ...

  • 第4天:Python 流程控制

    在编程的世界中,流程控制是程序员运行的基础,流程控制决定了程序按照什么样的方式去执行,本节给大家介绍 Python 流程控制相关语法. if 语句 if 语句表示如何发生什么样的条件,执行什么样的逻辑 ...

  • java流程控制的一些说明和分析

    Scanner工具类(流程控制的基础) 在当前阶段,java中,可以进行人机交互的一个前提就是Scanner工具. 语法: Scanner scanner = new Scanner(System.i ...

  • 4个强大JavaScript运算符

    WEB前端开发社区 2021-07-20 你有没有花一个下午的时间阅读 Mozilla 文档?如果有,你会发现网上有很多 JS 资料,这使我们很容易忽略那些更为基础的 JS 运算符. 这些运算符不常见 ...

  • 生产计划应当怎么做(2/2)---外部及软流程控制篇

    导读本文长度为3600字,建议阅读5分钟.同时,读完本文你可以得到这些问题的答案:影响生产计划有几个方面?外部以及软流程对生产计划有何影响? 2/3  外部控制 生产计划要想做得好,执行的顺畅,必须要 ...

  • 跟光磊学Python开发程序流程控制

    https://m.toutiao.com/is/JTDYwKQ/ 程序流程控制概述 程序分为三种执行结构: 顺序结构:即从上到下依次执行,之前编写的Phthon都是顺序结构 分支结构:根据条件成立, ...

  • 前端教程:JavaScript运算符

    简单的答案可以使用表达式4+5等于9.在这里,4和5被称为操作数:+被称为运算符.JavaScript语言支持下列类型的运算符. 算术运算符 比较运算符 逻辑(或关系)运算符 赋值运算符 有条件的(或 ...

  • Shell 流程控制

    和Java.PHP等语言不一样,sh的流程控制不可为空,如(以下为PHP流程控制写法): 实例 <?php if (isset($_GET["q"])) {     sear ...