【JavaScript学习笔记五】条件与循环

最新推荐文章于 2024-05-28 10:32:37 发布
最新推荐文章于 2024-05-28 10:32:37 发布
阅读量219 收藏
点赞数
分类专栏： JavaScript学习 文章标签： JavaScript 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28997735/article/details/100814925
版权

一.条件

基于不同的条件来执行不同的动作。

1. if语句

语法：

if (condition1)
{
    当条件 1 为 true 时执行的代码
}
else if (condition2)
{
    当条件 2 为 true 时执行的代码
}
else
{
  当条件 1 和 条件 2 都不为 true 时执行的代码
}

2.switch语句

语法：

switch(n)
{
    case 1:
        执行代码块 1
        break;
    case 2:
        执行代码块 2
        break;
    default:
        与 case 1 和 case 2 不同时执行的代码
}

注意： case的判断是===的判断，即数据类型和值的双重判断

3.优化： ES6使用箭头函数定义函数时可以省略 function 关键字

const condition = condition1
let obj = {
  'condition1' : () => { ... ;},
  'condition2' : () => { ... ;},
  'condition3' : () => { ... ;},
}
obj[condition]()

注意： let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。在Function中局部变量推荐使用let变量，避免变量名冲突。
注意： const 关键字用来声明 JavaScript中的常量（与变量相对，不可修改，但同样是用于存储信息的"容器"。），常量的值不能通过重新赋值来改变，并且不能重新声明。

实例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8">
		<title>选择</title>
		 <script>
			var minute = new Date().getMinutes();//获取当前时间分钟
			var flag = minute=30? minute>30?2 : 1 : 0;
			const Test = {
					'0':() => { document.getElementById("Result1").innerHTML = "小于30";},	
					'1':() => { document.getElementById("Result1").innerHTML = "等于30";},
					'2':() => { document.getElementById("Result1").innerHTML = "大于30";},
				}			 	
		 </script>
	</head>
	<body>	
		<button onclick = "Test[flag]()">显示结果</button><br/>
		<span id = "Result1"></span><br/>
	</body>
</html>

结果：
在这里插入图片描述

二.循环

将代码块执行指定的次数。

1. for语句

语法：

for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}

//语句 1 （代码块）开始前执行
//语句 2 定义运行循环（代码块）的条件
//语句 3 在循环（代码块）已被执行之后执行

与C语言用法相同。

2.for in 语句

循环遍历对象的属性,甚至遍历数组
语法：

var x;
var num = [1, 2, 3, 4, 5];
for(x in num)
{
	console.log(x);
}
//12345

var val;
var txt;
var person = {name : "John",
			  sex : "male",
			  age : 28};
for(val in person)
{
	txt = txt + " " + val;
}
// John male 28

3.for of语句

它的功能比for in要丰富的多，它能循环很多东西。

  • 循环一个数组
  • 循环一个字符串
  • 循环一个类型化的数组
  • 循环一个键值对（Map）
  • 循环一个集合 （Set）
  • 循环一个生成器(generators)

实例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8">
		<title>for of</title>
		 <script>
			function* fibonacci() 
			{ // a generator function
				let [prev, curr] = [0, 1];
				while (true) {
					[prev, curr] = [curr, prev + curr];
					yield curr;
				}
			}
			
			function ShowFibonacci()
			{
				let txt = "0 1";
				for (let n of fibonacci()) {
				    console.log(n);
					txt = txt + " " + n;					
				    if (n >= 1000) {
					  break;
				    }
				}
				document.getElementById("Result").innerHTML = txt;
			}						 	
		 </script>
	</head>
	<body>	
		<button onclick = "ShowFibonacci()">显示结果</button><br/>
		<span id = "Result"></span>
	</body>
</html>

结果：
在这里插入图片描述

4.while语句

语法：

while (条件)
{
    需要执行的代码
}

与C语言用法相同。

5.do/while语句

语法：

do
{
    需要执行的代码
}
while (条件);

与C语言用法相同。
注意： do/while至少会执行一遍。

三.break和continue

  • break 的作用是跳出代码块, 所以 break 可以使用于循环和 switch 等。
  • continue 的作用是进入下一个迭代, 所以 continue 只能用于循环的代码块。
思索与猫
关注
专栏目录
JavaScript for循环 if判断语句(学习笔记)
11-28
在JavaScript编程语言中，`for`循环和`if`判断语句是两种基本的控制流程结构，它们在编写逻辑和处理条件时起着至关重要的作用。让我们深入了解一下这两个概念。 **1. JavaScript `for`循环** `for`循环用于重复执行...
javascript学习笔记
11-24
JavaScript的语法遵循ECMAScript标准，包括变量声明（var、let、const）、数据类型（如字符串、数字、布尔值、null和undefined）、条件语句（if/else）、循环（for、while）、函数定义和调用等。关键保留字如`var`、...
新人学习笔记之（JavaScript循环）
2401_83311390的博客
05-28 850
JavaScript循环
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
尚硅谷JavaScript高级学习笔记
javaThinker的专栏
03-08 1095
JavaScript中函数是对象。我们后续描述构造函数的内存模型时，会将构造函数称为构造函数对象。typeof 运算符来查看值的类型，它返回的是类型的字符串值 会做数据转换 输出： 每个函数都有一个prototype属性，它默认指向一个0bject空对象(即称为:原型对象) 给原型对象添加属性、方法，函数的所有实例对象自动拥有原型中的属性(方法) 16、显式原型和隐式原型 和 中保存的都是原型对象的地址值。Fun的prototype、f的__proto__属性什么时
Javascript入门学习笔记
weixin_61370021的博客
04-27 4660
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
JavaScript学习笔记19-for循环
Anthony_tester的博客
04-28 1128
前面文章介绍的是if语句，if语句是一种条件控制语句。本文来学习下循环语句，先看看for循环。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> for (i=0;i<10;i++){
JavaScript入门学习笔记
Hi
03-11 1363
1、JavaScript 2、条件语句 3、循环语句 4、函数 5、事件
JavaScript学习笔记31-利用循环语句给数组添加元素
Anthony_tester的博客
04-30 5072
本文来介绍如何使用循环语句给数组添加元素。有时候，我们需要用户的输入，拿到这个输入的字符，保存到数组里去，这个需要for语句和prompt()方法。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
学习笔记 JavaScript基础语法（全）
weixin_63676550的博客
01-15 8447
JavaScript基础语法学习笔记，视频教程链接放在末尾
JavaScript学习笔记21-do-while循环
Anthony_tester的博客
04-28 1048
前面一篇介绍了while循环，本文介绍do-while循环，还是以求1到100相加的问题举例。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> var sum = 0; var i =
JavaScript学习笔记
m0_54828595的博客
03-19 3431
JavaScript学习笔记 1.JavaScript的输入输出 输出 js自上往下执行 <!-- js代码需要编写到script标签中 --> <script> // 控制浏览器弹出一个警告框 alert("hello world"); // 让计算机在页面中输出一个内容 //可以在body中写入一个内容 document.write("mea"); // 向控制台输
基于java的共享汽车管理系统的开题报告2.docx
09-25
基于java的共享汽车管理系统的开题报告2.docx
基于SpringBoot的ChongyouLostandfound失物招领网站设计源码
09-25
该源码是一款基于SpringBoot框架构建的重邮失物招领网站，包含了250个文件，涵盖101个XML配置文件、44个Java源代码文件、26个HTML页面文件、20个JavaScript脚本文件、12个CSS样式文件、12个图片文件（JPG格式）、10个属性文件、5个ICO图标文件、5个PNG图片文件、4个SVG矢量图形文件。项目采用Java、HTML、JavaScript和CSS等多种语言实现，功能完善，界面友好。
小白学JavaScript的第六天
最新发布
09-25
小白学JavaScript的第六天
源享科技STM32学习开发板芯片资料74HC595
09-25
源享科技STM32学习开发板芯片资料74HC595
基于C++和C语言的邻居Toyota日落追逐故事设计源码
09-25
本项目是一款以C++和C语言为基础开发的“Toyota日落追逐故事”游戏源码，包含68个文件，其中包括30个可执行文件、29个C++源文件、6个文档文件、2个C源文件以及1个文本文件。游戏讲述了一个主人公驾驶邻居家的Toyota汽车追逐日落的冒险故事，其中充满了惊险与刺激。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值