文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript程序都有什么结构

2024-04-02 19:55

关注

小编给大家分享一下JavaScript程序都有什么结构,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

JavaScript中有3种程序结构,分别为:1、顺序结构;程序默认都是从上到下逐行执行。2、分支结构;根据条件判断的结果,有选择的执行不同。3、循环结构;程序可以反复执行同一代码段,到达临界时退出。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript中的程序结构

分为三大类:

**************************************************************************************************

例子:

JavaScript程序都有什么结构

需求分析:

var price=prompt("please input the goods price:");
var accout=prompt("please input the goods account:");
var money=prompt("please input the goods money:");
var sum=parseFloat(price)*parseInt(accout);
(sum>500)&&(sum*=0.8);
var change=money-sum;
alert("应收"+sum+",找零"+change);

分支结构

1.if 结构:

语法:

if(条件){
满足条件才执行的的代码段
}

2.if ···else结构:

语法:

if(条件){
满足条件才执行的的代码段}
else{
条件不满足
}

3.else if结构

语法:

if(条件1){
满足条件1才执行的的代码段
}else if(条件2){
条件2满足
}else if(条件3){
条件3满足
}else{
之前所有条件都不满足
}

4.分支结构  vs  三目/短路

如果只是返回值-->三目/短路

如果操作复杂--->分支结构

短路逻辑:

条件&&操作:一件事情,满足就做,否则不做,只限操作简单的情况下

值1||值2:如果值1有效,就返回值1,否则返回值2

三目运算:

三目运算:多个值,按条件判断,多选一

条件表达式 ? 表达式1 : 表达式2 ;

如果“条件表达式”的结果为真(true),则执行“表达式1”中的代码,否则就执行“表达式2”中的代码。

5.switch结构

语法:

switch(表达式){
case  值1:代码1;
case  值2:代码2;
case  值3:代码3;
"""""`
default:默认代码段;
}

循环结构

循环结构: 让程序反复执行一段代码段,只有达到临界条件时,停止循环

3要素:

while循环

使用条件:循环变量的变化规律不确定的时候

语法

while(条件){
循环体;
迭代循环变量;
}

例子:

猜数字游戏:由计算机随机生成一个0-100的数字,玩家进行猜测数字的大小,并给予猜大了,猜小了的提示,直到最后猜对!

var n=parseInt(Math.random()*(100-0+1)+0);
//生成0-100的随机数
var input="";
while(input!=n&&input!="exit"){
input=prompt("you guess");
alert(
    input>n?"bigger":
    input <n?"smaller":
    input=="exit"?"give up!":
    "you are right"
);

do  while循环

使用条件:如果第一个条件就不满足,也希望至少能执行一次;

语法:

var 循环变量=初值;
do{
  循环体;
  迭代变化循环变量;
} while(循环条件)

for循环

使用条件:循环变量的变化规律固定时

语法:

var 循环变量=初值;
for(var 循环变量=初值;循环条件;迭代变化循环变量){
循环体
}

例子:打印乘法表中制定一行(必须在控制台输出)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
           function fun(n){
	           var str="";
	           for(var i=1;i<=n;i++){
	           	  str+=( i+"x"+n+"="+(i*n)+" ");
	           }
	           console.log(str);
           }
		</script>
	</head>
	<body>
		<button οnclick="fun(prompt('请输入行号:'))">打印乘法口诀指定行</button>
	</body>
</html>


JavaScript程序都有什么结构

以上是“JavaScript程序都有什么结构”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯