js程序结构及程序调试

最新推荐文章于 2025-04-10 02:52:32 发布

df5465695

最新推荐文章于 2025-04-10 02:52:32 发布

阅读量254

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/df5465695/article/details/126277928

版权

什么是程序结构

程序是一系列有序指令的集合

程序结构的分类

顺序结构

选择结构

循环结构

选择结构

存在条件，根据条件判断结果选择后续事宜

if选择结构

基本if结构

语法：

if(条件) {

//JavaScript语句;

}

例：

if(result>60) {

alert(“恭喜，考试成绩及格”)

}

if…else结构

if(条件) {

//JavaScript语句1;

} else {

//JavaScript语句2;

}

多重if结构

if ( 条件1 ) {

// JavaScript语句1

} else if ( 条件2 ) {

// JavaScript语句2

} else {

// JavaScript语句3

}

switch选择结构

语法：

switch (表达式)

{

case 常量1 :

javaScript语句1;

break;

......

default :

javaScript语句n;

break ;

}

循环结构

在满足条件的情况下，去不断重复的执行某一个操作

循环结构的特点

常用循环

for、for-in循环结构

while、do-while循环结构

for循环

语法：

for (初始部分; 循环条件; 条件迭代) {

//循环执行的语句

}

例：

var num;

for(num=1;num<=10;num++){

document.write("num的值："+num+" ")

}

执行顺序

for-in循环

常用于对数组或对象的属性进行循环操作

语法：

for (变量 in 对象) {

//循环执行的语句

}

例：

//使用for-in输出班级学员姓名，学员姓名存储在数组中

var names = ["Tom","Anne","Jerry"];

//通过数组下标获取数组元素，下标从0开始

/* document.write(names[0]+" ");

document.write(names[1]+" ");

document.write(names[2]+" ");*/

for(var index in names){

document.write(names[index]+" ");

}

补充：数组是具有相同数据类型的一个或多个值的集合

while循环结构

会在指定条件为真时循环执行代码块

语法：

//初始部分

while( 循环条件 ) {

//循环操作

//迭代部分

}

例：

var sum = 0; //总和

var num = 1; //循环变量初始化

while(num<=100){

if(num%2==0){ //偶数

sum += num ; //sum=sum+num;

}

num++; //变量迭代

}

document.write("100之内的偶数和是："+sum);

do-while循环

在检查条件是否为真之前，该循环会执行一次代码块；如果条件为真的话，就会重复这个循环

语法：

do{

需要执行的代码

} while (条件);

例：

var sum = 0; //总和

var num = 1; //循环变量初始化

do{

if(num%2==0){ //偶数

sum += num ; //sum=sum+num;

}

num++; //变量迭代

}while(num<=100);

document.write("100之内的偶数和是："+sum);

双重循环

一个循环体内又包含另一个完整的循环结构

注意：

各循环可互相嵌套

一般不超过三层

外层循环变量变化一次，内层循环变量要变化一遍

练习：使用双重循环输出九九乘法表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			/* 
				双重循环执行规律：
					1）外层循环变量执行1次，内层循环变量执行1遍
					2）外层循环控制行数，内层循环控制每一行的列数
					
				遇到需要使用双重循环解决的问题：
					1）找到由外层循环变量控制的行数范围
					2）找到每一行的列数范围，让其与外层循环变量产生关系
			 */

			//外层循环变量控制行数，九九乘法表一共有9行
			for (var i = 1; i <= 9; i++) {
				//内层循环变量控制列数，九九乘法表每一行的列数与其行号是相同的
				for (var j = 1; j <= i; j++) {
					document.write(j + "*" + i + "=" + (i * j) + "&nbsp;&nbsp;&nbsp;&nbsp;");
				}
				document.write("<br />");
			}
		</script>
	</body>
</html>