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)

大家都在看

  • 模板化的封装,降低业务代码开发

    复杂的问题,往往需要简单的逻辑; 一、业务背景 业务开发是一件复杂且耗时的工程,所以最近几年出了一个很火的概念叫做”低代码”开发,简单的说就是开发人员通过简…

    Linux 2023年6月14日
    080
  • debugfs使用指南

    debugfs 概述 类似sysfs、procfs,debugfs 也是一种内存文件系统。不过不同于sysfs一个kobject对应一个文件,procfs和进程相关的特性,debu…

    Linux 2023年6月7日
    082
  • Redis AOF重写

    AOF 持久化是通过保存被执行的写命令来记录数据库状态的,所以AOF文件的大小随着时间的流逝一定会越来越大;影响包括但不限于:对于Redis服务器,计算机的存储压力;AOF还原出数…

    Linux 2023年5月28日
    083
  • Linux(进阶篇)

    一、进程 1 进程和内存管理 1.1 进程和线程的区别 线程是程序执行的最小单位,而进程是操作系统分配资源的最小单位 一个进程由一个或多个线程组成,线程是一个进程中代码的不同执行路…

    Linux 2023年6月7日
    079
  • pod(一):Kubernetes(k8s)创建pod的两种方式

    服务器版本 docker软件版本 CPU架构 CentOS Linux release 7.4.1708 (Core) Docker version 20.10.12 x86_64…

    Linux 2023年6月7日
    074
  • redis中key和value的存储大小限制

    String类型:一个String类型的value最大可以存储512M List类型:list的元素个数最多为2^32-1个,也就是4294967295个。 Set类型:元素个数最…

    Linux 2023年5月28日
    0118
  • 画图3D Paint 3D工作区黑屏

    最近不知道画图3D抽什么风,黑屏了。 后来研究很久,发现这货竟然是用独立显卡,集显带不起来。 解决方案是在Nvidia控制面板给他分配独立显卡,不要使用集显,不要使用集显,不要使用…

    Linux 2023年6月13日
    098
  • linux–文件系统

    才开始接触linux是这样: 这个是shell界面 根目录下的文件 : linux在路径中不使用盘符;采用的是虚拟目录(根目录’/’ 就是一个虚拟目录) ,…

    Linux 2023年6月14日
    094
  • JuiceFS 在 Elasticsearch/ClickHouse 温冷数据存储中的实践

    企业数据越存越多,存储容量与查询性能、以及存储成本之间的矛盾对于技术团队来说是个普遍难题。这个难题在 Elasticsearch 与 ClickHouse 这两个场景中尤为突出,为…

    Linux 2023年6月14日
    0109
  • ulimit: open files: cannot modify limit: Operation not permitted

    统管理员刚给授权了一台Linux 服务器访问权限,我在JumpServer 登录的时候,遇到下面错误: Last login: Wed Nov 10 13:29:30 2021 f…

    Linux 2023年5月27日
    0108
  • SQLI-LABS(Less-5)

    Less-5(GET-Double injection-Single Quotes-String) 打开 Less-5页面,可以看到页面中间有一句 Please input the…

    Linux 2023年6月6日
    073
  • frp实现Windows远程连接(docker)

    服务端配置 服务端拉镜像 docker pull snowdreamtech/frps 在某个目录下新建配置文件 frps.ini ,比如我是在/home/docker/frp目录…

    Linux 2023年6月8日
    083
  • CentOS8.4对home目录扩容

    在工作中会遇到home空间不足的情况需对其扩容 一、添加新硬盘 我的环境是虚拟机,首先为其添加一块16G的硬盘 进入机器首先 df -h 看一下发现CentOS8.4默认使用逻辑卷…

    Linux 2023年5月27日
    082
  • zookeeper与kafka集群部署实现

    安装java依赖环境 配置zookeeper 启动zookeeper 检查状态 Kafka是由Apache软件基金会开发的一个开源流处理平台,由Scala和Java编写。该项目的目…

    Linux 2023年6月7日
    0171
  • .Net MVC实现角色-API权限验证的一种方式

    阅文时长 | 1.15分钟字数统计 | 1844.8字符主要内容 | 1、引言&背景 2、部分设计分享 3、声明与参考资料『.Net MVC实现角色-API权限验证的一种方…

    Linux 2023年6月13日
    088
  • SpringSecurity

    1、环境搭建 1、导包,使用maven搭建项目 2、关闭thymeleaf缓存 3、导入静态资源和相应页面代码 4、建立controller层 2、权限与认证 运用了 Aop 切面…

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