Quelles sont les structures des programmes JavaScript ?

Il existe trois types de structures de programme en JavaScript, à savoir : 1. Structure séquentielle par défaut, le programme est exécuté ligne par ligne de haut en bas ; 2. Structure des branches selon les résultats du jugement conditionnel, l'exécution sélective est différente. 3. Structure de boucle : le programme peut exécuter le même segment de code à plusieurs reprises et se terminer lorsqu'il atteint un point critique.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

La structure du programme en JavaScript

est divisée en trois grandes catégories :

• Séquence : Le programme est exécuté ligne par ligne de haut en bas par défaut

• Branche : En fonction du résultat du jugement conditionnel, sélectif l'exécution est différente

• Boucle : le programme peut exécuter le même segment de code à plusieurs reprises et se terminer lorsqu'il atteint le point critique

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

Exemple :

Analyse des besoins :

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);

Structure des branches

1.if Structure:

Grammaire:

if（条件）{
满足条件才执行的的代码段
}

2.if ···else structure:

Grammaire:

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

3.sinon si structure

Grammaire :

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

4. structure de branche vs Trim/court-circuit

Si seulement la valeur de retour -->Trim/court-circuit

Si l'opération est complexe --->Branche structure

Logique de court-circuit :

Condition && fonctionnement : une chose, satisfaire Faites-le, sinon ne le faites pas, seulement si l'opération est simple

Valeur 1||Valeur 2 : Si la valeur 1 est valide , renvoie la valeur 1, sinon renvoie la valeur 2

Opération ternaire :

Opération ternaire : plusieurs valeurs, jugées par des conditions, sélectionnez-en une parmi plusieurs

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

Si le résultat de "l'expression conditionnelle" est vrai (vrai), exécutez le code dans "expression 1", sinon exécutez le code dans le code "expression 2".

5.switch structure

Grammaire :

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

• break : Arrêter l'exécution de la structure actuelle et sortir de la structure actuelle

• continue : Terminer ce cycle et continuer le cycle suivant / /control Généralement, des conditions négatives peuvent être utilisées à la place.
  

• switch : Lorsque la condition est une comparaison congruente, le cas switch est préféré

• else if : En plus de la comparaison congruente, lorsque vous souhaitez définir la condition de manière flexible.

Structure de boucle

Structure de boucle : laissez le programme exécuter à plusieurs reprises une section de code et arrêtez la boucle uniquement lorsqu'une condition critique est atteinte

3 éléments :

• 1. pour continuer la boucle
  

• 2. Variables de boucle : variables utilisées pour la comparaison dans les conditions de boucle

  //Commencez par quelques-unes, augmentez ou diminuez de quelques-unes à chaque fois et terminez par quelques-unes
  

• 3 . Corps de la boucle : segment de code exécuté à plusieurs reprises

boucle while

Conditions d'utilisation : Lorsque le modèle de changement de la variable de boucle est incertain

Grammaire

while（条件）{
循环体;
迭代循环变量;
}

Exemple :

Jeu de devinettes. : L'ordinateur génère aléatoirement un nombre de 0 à 100, et le joueur devine la taille du nombre et donne des indices pour deviner s'il est trop élevé ou trop bas, jusqu'à ce que la supposition finale soit correcte !

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 loop

Conditions d'utilisation : Si la première condition n'est pas remplie, nous espérons qu'elle pourra être exécutée au moins une fois

Syntaxe :

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

for loop

; Conditions d'utilisation : Lorsque le modèle de changement de la variable de boucle est corrigé

Syntaxe :

var 循环变量=初值；
for（var 循环变量=初值;循环条件;迭代变化循环变量）{
循环体
}

Exemple : Imprimer une ligne dans la table de multiplication (doit être sortie sur la console)

<!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(&#39;请输入行号：&#39;))">打印乘法口诀指定行</button>
	</body>
</html>

[Apprentissage recommandé : tutoriel avancé javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!