JavaScript快速入门-05-基本语句

5 基本语句

5.1 if 语句

if 语句常用语法如下所示:

if (condition) {
  statement1;
}
else {
  statement2;
}

if (condition) {
  statement1;
}
else if {
  statement2;
}
else if {
  statement3;
}
else {
  statement4;
}

示例代码如下所示:

let a=Math.round(Math.random()*100,0);
console.log("a value is:",a);
if (a

5.2 while语句

5.2.1 do-while语句

do-while语句是一种 先运行后测试的循环语句,即 循环体里的代码先执行,再对退出条件进行求值判断,循环体内的代码至少要运行一次。其语法格式如下所示:

do{
  statement;
}
while (expression);

示例代码如下所示:

let sum=0,i=1;
do{
    sum+=i;
    i++;
}
while(i

5.2.2 while语句

while语句是一种 先测试再运行的循环语句,即 先对退出条件进行求值,再执行循环体里面的代码,因此,在while循环内的代码可能不会执行。其语法格式如下所示:

let sum=0,i=1;
while(i

5.3 for语句

5.3.1 for语句

for语句也是先测试语句,再执行循环体内的代码,但在进入循环之前加入了初始化代码及循环执行后要执行的表达式,其语法格式如下所示:

for (initialization; expression; post-loop-expression) {
  statement
}

在使用for循环,避免 死循环

示例代码如下所示:

let sum=0;
for(let i=0;i

5.3.2 for-in语句

for-in语句是一种 严格的迭代语句,用于枚举对象中的非符号键属性,其语法如下:

for (property in expression) {
  statement
}

果for-in循环要迭代的变量是null 或undefined,则不执行循环体

示例代码如下所示:

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai",
    "from":"Wuhan"
};
for (let item in personInfo){
    console.log("key is: "+item+" value is:"+personInfo[item]);
}

let personInfoArray=["Surpass",28,"Shanghai","Wuhan"];
for(let item in personInfoArray){
    console.log("item is:",personInfoArray[item]);
}

输出结果如下所示:

key is: name value is:Surpass
key is: age value is:28
key is: location value is:Shanghai
key is: from value is:Wuhan
item is: Surpass
item is: 28
item is: Shanghai
item is: Wuhan

5.3.3 for-of 语句

for-of 语句是一种 严格的迭代语句,用于遍历可迭代对象的元素,其语法如下:

for (property of expression) {
  statement
}

示例代码如下所示:

let personInfoArray=["Surpass",28,"Shanghai","Wuhan"];
for(let item of personInfoArray){
    console.log("item is:",item);
}

输出结果如下所示:

item is: Surpass
item is: 28
item is: Shanghai
item is: Wuhan

5.4 中断语句

在JavaScript中常用的中断语句有两个 breakcontinue,其主要区别如下所示:

  • break:中断整个循环,即立即退出循环
  • continue:中断本次循环,即此次循环中断,后续若还有循环,则继续下一次循环。

5.4.1 break 语句

break语句用于中断整个循环,即立即退出循环,示例代码如下所示:

for(let i=0;i

输出结果如下所示:

current value is: 0

5.4.2 continue 语句

continue语句用于中断本次循环,即此次循环中断,后续若还有循环,则继续下一次循环。示例代码如下所示:

for(let i=0;i

输出结果如下所示:

current value is: 0
current value is: 2
current value is: 4

5.5 with 语句

with 语句的主要场景是针对一个对象反复操作,这时候将代码作用域设置为该对象能提供便利。其基本语法如下所示:

with (expression) {
 statement;
}

示例代码如下所示:

// 未使用with语句
let personInfo={
        "name":"Surpass",
        "age":28,
        "location":"Shanghai",
        "from":"Wuhan"
    };

let getName=personInfo.name,getAge=personInfo.age,getLocation=personInfo.location,getFrom=personInfo.from;
console.log(getName,getAge,getLocation,getFrom);

// 使用with语句
with(personInfo){
    let getName=name,getAge=age,getLocation=location,getFrom=from;
    console.log(getName,getAge,getLocation,getFrom);
}

输出结果如下所示:

Surpass 28 Shanghai Wuhan
Surpass 28 Shanghai Wuhan

由于with 语句影响性能且难于调试其中的代码,通常不推荐在产品代码中使用with语句

5.6 swithch语句

switch 语句是与if 语句紧密相关的一种流控制语句,其语法格式如下所示:

switch (expression) {
    case value1:
        statement
        break;
    case value2:
        statement
        break;
    case value3:
        statement
        break;
    case value4:
        statement
        break;
    default:
        statement
}

break关键字会导致代码执行跳出switch语句。如果没有break,则代码会继续匹配下一个条件。default关键字用于在任何条件都没有满足时指定默认执行的语句。

let i=30;
switch (i) {
    case 10:
        console.log("i=",10);
        break;
    case 20:
        console.log("i=",20);
        break;
    case 30:
        console.log("i=",30);
        // break;
    case 40:
        console.log("i=",40);
        // break;
    default:
        console.log("i=",NaN)
        break;
}

输出结果如下所示:

i= 30
i= 40
i= NaN

switch语句可以用于所有数据类型,因此可以使用字符串甚至对象,其次,条件的值不需要是常量,可以是变量或表达式,示例如下所示:

switch ("Hi Surpass") {
    case "Hi"+" Surpass":
        console.log("Hi Surpass");
        break;
    case "Hi"+ " Kevin":
        console.log("Hi Kevin");
        break;
    default:
        console.log("Not Found");
        break;
}

let flag=true;
let number=18;
switch (flag) {
    case number=10 && number =20 && number =30");
        break;
}

原文地址:https://www.jianshu.com/p/8223c6aa5b96

本文同步在微信订阅号上发布,如各位小伙伴们喜欢我的文章,也可以关注我的微信订阅号:woaitest,或扫描下面的二维码添加关注:

JavaScript快速入门-05-基本语句

Original: https://www.cnblogs.com/surpassme/p/16618165.html
Author: Surpassme
Title: JavaScript快速入门-05-基本语句

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/581647/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • python学习

    python中的字符串以双引号或者单引号表示 长度为L:第一个字节索引为0或-L 最后一个字节索引为L-1或-1 in是二元关系操作,用来判断左侧内容是否在右侧的集合中 float…

    Linux 2023年6月6日
    0101
  • NO.6 HTML+CSS 笔记

    404. 抱歉,您访问的资源不存在。 可能是网址有误,或者对应的内容被删除,或者处于私有状态。 代码改变世界,联系邮箱 contact@cnblogs.com 园子的商业化努力-困…

    Linux 2023年6月7日
    097
  • bochs(2.6.11)配置安装

    下载:https://bochs.sourceforge.io/ 建议下载2.6.11,下文一开始安装的2.7,但运行时有无法解决的错误。但是大致安装过程一致。 linux 提前安…

    Linux 2023年5月27日
    0135
  • SSO之CAS

    单点登录SSO ​ 单点登录的主要原理就是在每次登录成功以后生成一个唯一不可重复的令牌 token,我们就简单的用了一个随 机的 UUID 来生成 token。当用户登录成功后用生…

    Linux 2023年6月7日
    075
  • JavaScript编程基础(一)

    目的: 熟练掌握JavaScript的语言基础,包括数据类型、常量和变量、运算符和表达式、基本语句和函数。 理解JavaScript如何动态产生HTML代码,以及控制CSS。 要求…

    Linux 2023年6月13日
    090
  • Linux内核中内存管理相关的数据结构

    本文简要说明几个内核和内存管理有关的结构体。其中 struct page 和 struct zone有较大幅度的删减,主要删减了和NUMA模型SPARSE模型以及内存热插拔相关的域…

    Linux 2023年6月7日
    0107
  • redis启动失败 提示Unregistered Authentication Agent for unix-process:6176

    使用宝塔软件安装的redis 一直没启动起来。 使用 journalctl -xe 命令查看原因,发现redis.pid已经存在。 进入该目录,删除redis.pid。 再使用sy…

    Linux 2023年5月28日
    0337
  • exec

    exec 函数 exec()函数通过运行其他程序来替换当前进程。 新程序启动后PID和老程序一样,就像两个程序接力跑,你的程序把进程交接给了新程序。 exec函数众多,可以分为两种…

    Linux 2023年6月7日
    0100
  • MAC安装redis

    一、安装命令使用mac的包管理工具brew一行命令搞定安装。若未安装brew,命令行先输入以下命令安装brew。 /usr/bin/ruby -e “$(curl -f…

    Linux 2023年5月28日
    097
  • 网易互联网笔试(3.27)

    网易互联网3.27日笔试,四道笔试题一道简答题,四道笔试题AK,简答题考察设计模式不会。 第一道题模拟使用单体技能和群体技能攻击怪物的场景、第二题字符串处理、第三题构造具有限制条件…

    Linux 2023年6月13日
    099
  • 灵敏度分析简介

    参考文章1 😄参考文章2 😸参考文章3 😃 1. 灵敏度分析: 某一个假定的常量,在现实中不可能完全保持不变,可能发生一定范围的波动。灵敏度分析就是检验这部分波动对结果的影响。 灵…

    Linux 2023年6月14日
    0101
  • 对不起

    如果您看到此页面,代表作者并没有完成此链接所指向的博文。请神犇们原谅本蒟蒻,本人承诺将尽快更新。 Original: https://www.cnblogs.com/Grharri…

    Linux 2023年6月6日
    093
  • Postman 正确使用姿势

    前言: 请各大网友尊重本人原创知识分享,谨记本人博客:南国以南i 简介: Postman是一个接口测试工具,在做接口测试的时候,Postman相当于一个客户端,它可以模拟用户发起的…

    Linux 2023年6月14日
    077
  • Jenkins

    Jenkins Jenkins jenkins简介 jenkins工作原理 jenkins特点 CI/CD是什么 使用tomcat容器安装jenkins jenkins流水线项目发…

    Linux 2023年6月6日
    0112
  • WSL2+Docker+IDEA一站式开发调试

    WSL2+Docker+IDEA一站式开发调试 前言 ​ 我们知道,Docker是一个容器引擎;对于开发者来说,使用Dokcer容器部署各种开发需要的中间件(比如myql、redi…

    Linux 2023年6月7日
    0115
  • Samba:文件共享

    samba:现主要用于Linux与Windows之间的文件共享。 samba的特点: 用于Linux与Windows之间进行文件共享和打印机共享 不仅用于Windows之间的文件共…

    Linux 2023年6月13日
    0112
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球