JavaScript(四)-全面详解（学习总结---从入门到深化）

news2024/11/28 20:51:19

 

👏作者简介：大家好，我是小童，Java开发工程师，CSDN博客博主,Java领域新星创作者
📕系列专栏：前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶
📧如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步👀
🔥如果感觉博主的文章还不错的话，请👍三连支持👍一下博主哦
🍂博主正在努力完成2023计划中：以梦为马，扬帆起航，2023追梦人

 🔥🔥🔥  前端专栏：前端(从入门到实战)

 🔥🔥🔥 上一篇内容：JavaScript(三)-全面详解（学习总结---从入门到深化）

 判断一个年份是闰年还是平年

 条件语句之 switch

学习效果反馈

 switch实操

学习效果反馈

 三元运算符

学习效果反馈

 循环语句之for

学习效果反馈 

 for循环语句实操

学习效果反馈

 打印九九乘法表

学习效果反馈

 循环语句之while

学习效果反馈

 循环语句之do…while

学习效果反馈

学习效果反馈 

 判断一个年份是闰年还是平年

润年公式：是4的倍数且不是100的倍数或是400的倍数

var year = 2016;
if (year % 4 == 0 && year % 100 !== 0 || year
% 400 == 0) {
    console.log("今年是闰年！");
} else {
    console.log("今年是平年！");
}

找到三个数中最小的数

var a = 10;
var b = 20;
var c = 30;
if (a < b && a < c) {
    console.log("a最小"+ a);
} else {
    if (b < c) {
        console.log("b最小" + b);
   } else {
        console.log("c最小" + c);
   }
}

学习效果反馈

1.判断年份是闰年还是平年，横线处应填写代码是 ：

var year = 2016;
if (year % 4 == 0 ___ year % 100 !== 0 ___
year % 400 == 0) {
    console.log("今年是闰年！");
} else {
    console.log("今年是平年！");
}

A && &&

B || ||

C && ||

D || &&

2. 求三个数的最小值，横线处应填写代码是:

var a = 10;
var b = 20;
var c = 30;
if (a < b ___ a < c) {
    console.log("a最小"+ a);
} else {
    if (b < c) {
        console.log("b最小" + b);
   } else {
        console.log("c最小" + c);
   }
}

A ==

B %

C &&

D ||

 条件语句之 switch

 多个if...else连在一起使用的时候，可以转为使用更方便的switch结构

switch (fruit) {
  case "banana":
    // ...
    break;
  case "apple":
    // ...
    break;
  default:
    // ...
}

需要注意的是，每个case代码块内部的break语句不能少，否则会接下去执行下一个case代码块，而不是跳出switch结构。

var x = 1;
switch (x) {
  case 1:
    console.log('x 等于1');
  case 2:
    console.log('x 等于2');
  default:
    console.log('x 等于其他值');
}
// x等于1
// x等于2
// x等于其他值

需要注意的是，switch语句后面的表达式，与case语句后面的表示 式比较运行结果时，采用的是严格相等运算符（===），而不是相 等运算符（==），这意味着比较时不会发生类型转换。

var x = 1;
switch (x) {
  case true:
    console.log('x 发生类型转换');
  default:
    console.log('x 没有发生类型转换');
}
// x 没有发生类型转换

学习效果反馈

1.下列swtich语句中，横线处应填写代码是 ：

var x = 4;
switch (x) {
    case 1:
        console.log('x 等于1');
        break
    case 2:
        console.log('x 等于2');
        ____
        default:
        console.log('x 等于其他值'); // 打印x等于其他值
}

A swtich

B case

C break

D default

2. 下列代码运行结果是:

var x = 2;
switch (x) {
    case 1:
        console.log('x 等于1');
    case 2:
        console.log('x 等于2');
    default:
        console.log('x 等于其他值');
}

A x 等于1 x 等于2 x 等于其他值

B x 等于1 x 等于2

C x 等于2 x 等于其他值

D x 等于1 x 等于其他值

 switch实操

 根据数字显示对应的星期

var week = 1;
switch (week) {
    case 1:
        console.log('星期一');
        break;
    case 2:
        console.log('星期二');
        break;
    case 3:
        console.log('星期三');
        break;
    case 4:
        console.log('星期四');
        break;
    case 5:
        console.log('星期五');
        break;
    case 6:
        console.log('星期六');
        break;
    case 7:
        console.log('星期日');
        break;
    default:
        console.log('星期数字错误');
}

输入月份，显示当月的天数， 利用case穿透简化代码

1、case穿透

2    1、3、5、7、8、10、12月份31天，4、6、9、11月份30天，2 月特殊

3、注意闰年和平年的2月份

var year = 2024;
var mon = 2;
switch(mon){
    case 1: case 3: case 5: case 7: case 8: case 10: case 12:
        console.log(year+"年"+mon+"月31天");
        break;
    case 4: case 6: case 9: case 11:
        console.log(year+"年"+mon+"月30天");
        break;
    case 2:
        if(year % 4 === 0 && year % 100 !==0){
            console.log(year+ "年2月有29天");
       }else{
            console.log(year+ "年2月有28天");
       }
        break;
    default:
        console.log("输入错误");
}

学习效果反馈

1.下列swtich语句中，横线处应填写代码是 ：

var week = 1;
switch (week) {
    case 1:
        console.log('星期一');
        ___;
    case 2:
        console.log('星期二');
        break;
    case 3:
        console.log('星期三');
        break;
    case 4:
        console.log('星期四');
        break;
    case 5:
        console.log('星期五');
        break;
    case 6:
        console.log('星期六');
        break;
    case 7:
        console.log('星期日');
        break;
    default:
        console.log('星期数字错误');
}

A swtich

B case

C break

D default

 2. 下列swtich语句实现月份获得当月天数，横线处应填写代码是 ：

var year = 2024;
var mon = 2;
switch(mon){
    case 1: case 3: case 5: case 7: case 8: case 10: case 12:
        console.log(year+"年"+mon+"月31天");
        ___;
    case 4: case 6: case 9: case 11:
        console.log(year+"年"+mon+"月30天");
        break;
    case 2:
        if(year%4==0__year% 100!==0___year%400==0){
            console.log(year+ "年2月有29天");
       }else{
            console.log(year+ "年2月有28天");
       }
        break;
    default:
        console.log("输入错误");
}

A break && ||

B break || &&

C case && ||

D case && ||

 三元运算符

 avaScript还有一个三元运算符（即该运算符需要三个运算子） ?: ， 也可以用于逻辑判断。

 (条件) ? 表达式1 : 表达式2

 

 这个三元运算符可以被视为if...else...的简写形式，因此可以用于多种场合。

 判断一个整数是奇数与偶数

if...else语句

var n = 100;
if (n % 2 === 0) {
  console.log("偶数");
} else {
  console.log("奇数");
}

三元运算符

var n = 100;
n % 2 === 0 ? '偶数' : '奇数'

学习效果反馈

1.以下代码是三元运算符，横线处应该填写 ：

n % 2 === 0 ___ '偶数' ___ '奇数'

A && ||

B ? :

C >= <=

D == ===

2. 下列关于三元运算符表达式描述正确的是:

A if(条件){}else{}

B switch(条件){}

C if(条件){}

D (条件) ? 表达式1 : 表达式2

 循环语句之for

 循环语句用于重复执行某个操作

for语句就是循环命令，可以指定循环的起点、终点和终止条件。它的格式如下

for (初始化表达式; 条件; 迭代因子)
  语句
// 或者
for (初始化表达式; 条件; 迭代因子) {
  语句
}

我们总是推荐大家使用带有{}的方式  for语句后面的括号里面，有三个表达式。

1、初始化表达式（initialize）：确定循环变量的初始值，只在循环开始时执行一次。

2、布尔表达式（test）：每轮循环开始时，都要执行这个条件表达式，只有值为真，才继续进行循环。

3、迭代因子（increment）：每轮循环的最后一个操作，通常用来递增循环变量。

 

var x = 3;
for (var i = 0; i < x; i++) {
  console.log(i);
}

for语句的三个表达式，可以省略任何一个，也可以全部省略。

for ( ; ; ){
  console.log('Hello World');
}

学习效果反馈 

1.以下代码是一个循环语句，横线处应该填写 ：

var x = 3;
for (var i = 0; i __ x; i__) {
  console.log(i);  // 输出:0，1，2
}

A == ++

B < ++

C > ++

D < ==

2. 下列关于循环语句描述错误的是:

A 初始化表达式：确定循环变量的初始值，只在循环开始时执行 一次。

B 布尔表达式：每轮循环开始时，都要执行条件表达式，只有值 为真，才继续进行循环

C 迭代因子：每轮循环的最后一个操作，通常用来递增循环变量

D 三个表达式全部省略，不会出现无限循环（死循环）

 for循环语句实操

循环输出1~100之间数字的和 

var sum=0;
for(var i=1;i<=100;i++){
    sum+=i;
}
console.log(sum);

学习效果反馈

1.以下代码是一个循环语句，横线处应该填写 ：

var sum=0;
for(var i=1;i<=100;i++){
    sum__i;
}
console.log(sum);

A ++

B --

C ==

D +=

2. 以下代码是一个循环语句，横线处应该填写 ：

for(i = 0 ; i<1000; i ++){
    if( i % 2 __ 1){
        console.log( i + " ");  
   }
}

A +=

B -=

C ==

D ++

 打印九九乘法表

for(var i = 1;i <= 9;i++){
    document.write("<br>");
    for(var j = 1;j <= i;j++){
        sum = i * j;
        document.write(i , "*" ,j ,"=",sum," ");
   }
}

小明买洗发水、香皂、牙刷

小明单位发了100元的购物卡，小明到超市买三类洗化用品，洗发水（15元），香皂（2元），牙刷（5元）。要把100元整好花掉， 可如有哪些购买结合？

for(var a=0;a<=6;a++){
    for(var b=0;b<=50;b++){
        for(var c=0;c<=20;c++){
            if(15*a+2*b+5*c==100){
                document.write("洗发水:"+a+"香皂:"+b+"牙刷:"+c+"<hr />");
           }
       }
   }
}

学习效果反馈

1.以下代码是一个循环语句，横线处应该填写 ：

for(var i = 1;i <= 9;i++){
    document.write("<br>");
    for(var j = 1;j <= ___;j++){
        sum = i * j;
        document.write(i ,"*",j ,"=",sum," ");
   }
}

A 9

B 10

C j

D i

2. 以下代码是一个循环语句，横线处应该填写 ：

for(var a=0;a<=6;a++){
    for(var b=0;b<=50;b++){
        for(var c=0;c<=20;c++){
            if(15*a___2*b___5*c___100){
                document.write("洗发水:"+a+"香皂:"+b+"牙刷:"+c+"<hr />");
           }
       }
   }
}

A + + =

B - - =

C += -= =

D -= += =

 循环语句之while

 While语句包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块。

while (条件) {
  语句;
}

 while例子

var i = 0;
while (i < 100) {
  console.log('i 当前为：' + i);
  i = i + 1;
}

下面的例子是一个无限循环，因为循环条件总是为真

while (true) {
  console.log('Hello, world');
}

所有for循环，都可以改写成while循环

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

学习效果反馈

1.以下代码是一个循环语句，横线处应该填写 ：

var i = 0;
while (i ___ 100) {
  console.log('i 当前为：' + i);  // 结束输出到 100
  i = i + 1;
}

A < 

B <=

C >

D >=

2. 下列代码，运行结果是 ：

while (true) {
  console.log('Hello, world');
}

A 输出一次"Hello, world"

B 没有任何输出

C 无限次输出"Hello, world"(死循环)

D 输出两次"Hello, world"

 循环语句之do…while

 do...while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。

do {
  语句
} while (条件);

 do...while例子

var x = 3;
var i = 4;
do {
  console.log(i);
  i++;
} while(i < x);

学习效果反馈

1.以下代码是一个循环语句，横线处应该填写 ：

var x = 3;
var i = 4;
do {
  i___;
  console.log(i);
} while(i < x);

A --

B ++

C +=

D ==

2. 下列do...while循环描述正确的是：

A 先运行一次循环体，然后判断循环条件

B 先进行判断循环条件，在运行一次循环体

C 不做判断，直接运行循环体

D do...while是条件语句

break 语句和 continue 语句 

 break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行

 break

break语句用于跳出代码块或循环

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

continue

continue语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环

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

学习效果反馈 

1.break和continue的区别 ：

A break和continue一样，都是跳出本次循环，进行下次循环

B break跳出本次循环，进入下次循环，continue跳出整个循环

C break跳出整个循环，continue跳出本次循环，进入下次循环

D break和continue一样，跳出全部循环

2. 以下代码，横线处应该填写的内容是：

for (var i = 0; i < 5; i++) {
    if (i === 3){
        ___;
   }
    console.log(i); // 输出:0,1,2,4
}

A i++

B i--

C break

D continue

                                                                                          关注公众号，领取学习资料 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/331351.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

JAVA开发（Redis的主从与集群）

JAVA开发（Redis的主从与集群）

现在web项目无处不在使用缓存技术&#xff0c;redis的身影可谓无处不在。但是又有多少项目使用到的是redis的集群&#xff1f;大概很多项目只是用到单机版的redis吧。作为缓存的一块&#xff0c;set &#xff0c;get数据。用的不亦乐乎。但是对于高可用系统来说&#xff0c;数据…
阅读更多...
Tomcat简介

Tomcat简介

目录 一、Tomcat简介 二、下载安装Tomcat 三、利用Tomcat部署静态页面 一、Tomcat简介 Tomcat是一个HTTP服务器&#xff0c;可以按照HTTP的格式来解析请求来调用用户指定的相关代码然后按照HTTP的格式来构造返回数据。 二、下载安装Tomcat 进入Tomcat官网选择与自己电脑…
阅读更多...
电子科技大学人工智能期末复习笔记（二）：MDP与强化学习

电子科技大学人工智能期末复习笔记（二）：MDP与强化学习

目录 前言 期望最大搜索&#xff08;Expectimax Search&#xff09; ⭐马尔科夫决策&#xff08;MDP&#xff09;——offline&#xff08;超重点&#xff09; 先来看一个例子 基本概念 政策&#xff08;Policy&#xff09; 折扣&#xff08;Discounting&#xff09; 如…
阅读更多...
Mysql中的事务

Mysql中的事务

1. MyIsam是不支持事务的&#xff0c; InnoDB支持 2.事务的四大特性ACID 原子性&#xff08;Atomicity&#xff09;&#xff1a;一个事务中的所有操作&#xff0c;要么全部完成&#xff0c;要么全部不完成&#xff0c;不会结束在中间某个环节&#xff0c;而且事务在执行过程中…
阅读更多...
PythonWeb开发基础（四 完）Response使用及wsgify装饰器

PythonWeb开发基础（四 完）Response使用及wsgify装饰器

课程地址&#xff1a;Python 工程师进阶技术图谱 文章目录&#x1f33e; Response使用及wsgify装饰器1、Response的使用2、wsgify装饰器&#x1f33e; Response使用及wsgify装饰器 1、Response的使用 前面一节我们知道了&#xff0c;使用webob的Request模块可以很方便地对请求…
阅读更多...
若依框架---PageHelper分页(十五)

若依框架---PageHelper分页(十五)

&#x1f44f;作者简介&#xff1a;大家好&#xff0c;我是小童&#xff0c;Java开发工程师&#xff0c;CSDN博客博主&#xff0c;Java领域新星创作者 &#x1f4d5;系列专栏&#xff1a;前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶 &#x1f4…
阅读更多...
STM32开发（7）----CubeMX配置串口通讯（轮询方式）

STM32开发（7）----CubeMX配置串口通讯（轮询方式）

CubeMX配置串口通讯&#xff08;轮询方式&#xff09;前言一、串口的介绍二、实验过程1.实验材料2.STM32CubeMX配置PWM3.代码实现重载printf轮询接收4.编译烧录5.硬件连接6.实验结果重载printf结果串口轮询接收结果总结前言 本章介绍使用STM32CubeMX对串口进行配置的方法&…
阅读更多...
​力扣解法汇总1797. 设计一个验证系统

​力扣解法汇总1797. 设计一个验证系统

目录链接&#xff1a; 力扣编程题-解法汇总_分享记录-CSDN博客 GitHub同步刷题项目&#xff1a; https://github.com/September26/java-algorithms 原题链接&#xff1a;力扣 描述&#xff1a; 你需要设计一个包含验证码的验证系统。每一次验证中&#xff0c;用户会收到一个…
阅读更多...
vue:自定义组件如何使用v-model

vue:自定义组件如何使用v-model

问题&#xff1a; 在使用自定义组件时&#xff0c;我们有时候需要使用 v-model 来双向绑定。方法&#xff1a; 在vue中&#xff0c;v-model 的值相当于默认传递了一个名为 value 的 prop 和一个名为 input 的事件&#xff08;注意&#xff0c;这个value的prop是需要在自定义组件…
阅读更多...
《皮格马利翁效应》-期待效应

《皮格马利翁效应》-期待效应

“ 人生没有白走的路&#xff0c;没有白读的书&#xff0c;你触碰过的那些文字会在不知不觉中帮你认知这个世界 #每天读本书 #关注我每天解读一本书”《皮格马利翁效应》01关于作者朱瑟琳•乔塞尔森&#xff0c;女性心理学家&#xff0c;是国际 公认的精神医学大师欧文•亚隆的…
阅读更多...
刚刚，微软推出支持chatGPT的必应

刚刚，微软推出支持chatGPT的必应

文章目录刚刚&#xff0c;微软推出支持chatGPT的必应什么是新的必应&#xff1f;如何体验页面初体验结语&#xff1a;搜索引擎的新时代刚刚&#xff0c;微软推出支持chatGPT的必应 这款新的必应功能允许用户通过自然语言方式与chatgpt进行交流&#xff0c;以获得快速、准确的信…
阅读更多...
华为HCIE学习之openstack基础

华为HCIE学习之openstack基础

文章目录一、Openstack各种文件位置二、Openstack命令操作1.使用帮助三、用命令发放云主机1、创建租户2、创建用户并与租户绑定3、注册镜像4、创建规格5、创建公有网络及其子网&#xff08;做弹性IP用&#xff09;6、创建私有网络及其子网7、创建路由并设置网关与端口8、创建安…
阅读更多...
C++类与对象（中）

C++类与对象（中）

✅<1>主页&#xff1a;我的代码爱吃辣 &#x1f4c3;<2>知识讲解&#xff1a;C &#x1f525;<3>创作者&#xff1a;我的代码爱吃辣 ☂️<4>开发环境&#xff1a;Visual Studio 2022 &#x1f4ac;<5>前言&#xff1a;C类中一共有六个默认成员函…
阅读更多...
当ChatGPT遇到网络安全

当ChatGPT遇到网络安全

ChatGPT&#xff1a;是人工智能技术驱动的自然语言处理工具&#xff0c;它能够通过学习和理解人类的语言来进行对话&#xff0c;还能根据聊天的上下文进行互动&#xff0c;真正像人类一样来聊天交流&#xff0c;甚至能完成撰写邮件、视频脚本、文案、翻译、代码等任务。GPT 是 …
阅读更多...
活动星投票文艺巡演活动免费投票程序制作网页投票网站

活动星投票文艺巡演活动免费投票程序制作网页投票网站

“文艺巡演活动”网络评选投票_线上小程序的投票方式_视频投票的功能_在线投票程序用户在使用微信投票的时候&#xff0c;需要功能齐全&#xff0c;又快捷方便的投票小程序。而“活动星投票”这款软件使用非常的方便&#xff0c;用户可以随时使用手机微信小程序获得线上投票服务…
阅读更多...
ConcurrentHashMap底层原理介绍

ConcurrentHashMap底层原理介绍

概述: ConcurrentHashMap相对于HashMap的性能较差一些,但相比于Hashtable而言性能要高很多,因为Hashtable内部的所有方法都是同步方法,加了synchronized锁,所以性能上比较差,但在多线程环境下是具有很强的安全性的ConcurrentHashMap避免了对全局加锁改成了局部加锁操作&#xf…
阅读更多...
Go最新版下载 Go1.20版新特性

Go最新版下载 Go1.20版新特性

Go官方正式发布了Go1.20稳定版 该版本依然保持 Go1 兼容性&#xff0c;可以升级到 Go1.20&#xff0c;而不需要做任何代码改动。 可以使用你任何喜欢的方式升级&#xff1a; 比如&#xff1a; go install golang.org/dl/go1.20latest 具体的可以参考官网教程&#xff1a; ht…
阅读更多...
简介DNS协议、ICMP协议、NAT技术

简介DNS协议、ICMP协议、NAT技术

文章目录一、DNS 协议1.背景2.域名二、ICMP 协议1.功能2.格式3. ping 命令4. traceroute 命令三、NAT 技术1.基本理解2. NAT 转换过程3. NAPT4. NAT 技术的缺陷5. NAT 和代理服务器一、DNS 协议 DNS&#xff08;Domain Name System&#xff0c;域名系统&#xff09;&#xff0…
阅读更多...
【头歌】串的运算及应用

【头歌】串的运算及应用

串的运算及应用第1关&#xff1a;求子串任务描述本关任务&#xff1a;实现字符串的求子串操作。相关知识为了完成本关任务&#xff0c;你需要理解&#xff1a;1. 求子串操作&#xff0c;2.字符串的顺序存储。求子串操作从一个字符串S的某个位置开始截取若干个连续字符&#xff…
阅读更多...
采样电路的3个组成部分

采样电路的3个组成部分

采样电路的使用实际上是电路的一个闭环控制过程&#xff0c;也可以理解为一个负反馈过程&#xff0c;采集的信号被传送到主控制芯片进行调整。今天就来为您介绍一下采样电路的三个组成部分分析&#xff01;一起来看看吧&#xff01; 这里的采样实际上分为电流采样、电压采样、…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023