Table des matières
Trois structures majeures du langage JavaScript
Sélectionnez la structure de branche
1. Structure à branche unique
(1) si ; déclaration de jugement
2. Structure à double branche
(1) déclaration de jugement if-else
(2) Cas particuliers dans le if condition
1) Situation conventionnelle
. 2) Cas particuliers
3) Conversion de type implicite dans if
(1)多个if(){}else{}嵌套使用
(2)使用switch(){}语句
(3)switch的注意事项
循环结构
1.while循环
2.do-while循环
3.for循环
4.死循环
5.continue关键字break关键字
Maison interface Web Questions et réponses frontales Quelles structures d'instructions javascript possède-t-il ?

Quelles structures d'instructions javascript possède-t-il ?

Nov 04, 2021 pm 04:06 PM
javascript

Javascript a trois structures d'instructions : 1. Structure séquentielle ; exécution descendante, ligne par ligne. 2. Sélectionnez une structure de branche ; il existe plusieurs chemins et, selon différentes conditions, n'en exécutez qu'un ou exécutez sélectivement plusieurs chemins. 3. Structure en boucle ; exécutez certains codes à plusieurs reprises.

Quelles structures d'instructions javascript possède-t-il ?

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

Trois structures majeures du langage JavaScript

  • Structure séquentielle

    De haut en bas, exécutée ligne par ligne, premier arrivé, premier servi, la même instruction, cette dernière couvre la précédente

  • Choisissez un structure de branche

    Éléments multiples Chemin, selon différentes conditions, n'en exécuter qu'un seul ou en exécuter plusieurs de manière sélective

  • Structure de boucle

    Exécuter à plusieurs reprises certains codes pour remplacer certaines opérations répétitives, réduire la redondance du code et améliorer l'efficacité

Sélectionnez la structure de branche

1. Structure à branche unique

Choisissez l'une des deux voies, faites-le ou ne le faites pas, ayez-le ou non, exécutez-le ou ne l'exécutez pas

(1) si ; déclaration de jugement

//语法结构:
if(){}
    if	//语句名
    ()	//是否执行的条件,true 或 false
    {}	//执行的内容
//例:
if(true){
   console.log("hello");//"hello"---if括号中是true则输出hello,若为false则不输出
}
Copier après la connexion

2. Structure à double branche

Il existe deux options, qui doivent toutes deux en exécuter une

(1) déclaration de jugement if-else

//当条件判断为true时,执行花括号内的语句,如果条件为假false,跳过花括号内的语句执行else里的内容
if(条件){        
    执行语句1,条件为真时执行   
}else{        
	执行语句2,条件为假时执行    
}
Copier après la connexion

(2) Cas particuliers dans le if condition

1) Situation conventionnelle

Habituellement, une déclaration de jugement est remplie entre parenthèses if pour juger si elle est vraie ou fausse. Les éléments entre parenthèses if() sont généralement appelés points logiques et points de jugement. Lorsque le contenu entre parenthèses est vrai, il est vrai, et lorsqu'il est faux, il est faux ou faux est une valeur booléenne (booléenne) représentant vrai et faux. Elle doit être obtenue via des opérateurs logiques

. 2) Cas particuliers

Regardons un premier exemple

if(1){ //括号内填写数字"1"会发生什么
    console.log("会输出么?"); //会输出吗?---会在控制台输出内容
}
Copier après la connexion

Le chiffre 1 est une valeur numérique, pas une valeur booléenne, et encore moins vraie. Pourquoi l'instruction entre accolades est-elle exécutée ?

Dans certains cas spécifiques, l'ordinateur effectuera des conversions implicites. Ceci est différent de la conversion de type forcée. Il ne nécessite aucune action de votre part et convertira automatiquement le type de données

Dans les opérations, si (parenthèses) Type implicite. la conversion aura lieu pour les déclarations dans

//if隐式转换例题
var a = "1",b = 2;    
console.log(a + b);//12---+号进行字符串拼接,拼成12,而不是进行数值运算等于3
Copier après la connexion

Le signe "+" a deux significations :

  • Il y a des nombres des deux côtés du signe "+" : c'est l'opérateur de signe "+" en mathématiques, combinant deux Ajouter nombres et effectuer des opérations numériques

  • Un ou plusieurs caractères apparaissent des deux côtés du signe "+": Il s'agit de l'épissage des chaînes

et la priorité est donnée à l'épissage des chaînes, donc seuls les côtés gauche et droit de le signe + est détecté Lorsqu'une chaîne existe, les données de l'autre côté qui n'est pas une chaîne seront automatiquement converties en chaîne, puis l'opération d'épissage de chaîne sera effectuée (l'épissage de chaîne consiste à joindre le contenu des deux côtés de le signe "+" complètement sans aucune modification. Ensemble)

Remarque : à l'exception du signe +, qui a deux significations, le signe "-*/%" n'a qu'une signification mathématique, donc lorsque "-*/%" est utilisé , les types de données des deux côtés de l'opérateur sont implicitement convertis par défaut en un type numérique, puis effectuez l'opération

Et si vous souhaitez effectuer une opération d'addition mais ne souhaitez pas être implicitement converti en caractère par. le signe "+".

Méthode :

var a = "1",b = 2;    
console.log(a + b);//12---默认进行字符串拼接输出字符串"12"
console.log((a-0) + b );//3---先通-0操作将字符转换为数字,再进行相加,输出数值3
Copier après la connexion
3) Conversion de type implicite dans if

If() ne nécessite que des valeurs booléennes, alors dans le jugement if, tous les types de données entre parenthèses seront implicitement convertis en type booléen, n'importe quel type le sera éventuellement être converti en type booléen

  •                    ' s ' s ' s  ‐ ‐ ‐ ‐ ​ ​ ​ ​ ​ ​​ ​ ​Objet : à tout moment Est vrai

  •                                                               ’ NaN : est faux

  • Dans Undéfini : Pour Faux

  • Null : Pour False

  • isnan ():

    déterminer si NAN peut indirectement déterminer si c'est un nombre, en revenant à Vrai, nan n'est pas un nombre, en revenant à faux, c'est le nombre
  • 3 Structure multi-branches
  • Il y en a au moins deux ou plus, une ou. plus de déclarations sont exécutées selon conditions

    (1)多个if(){}else{}嵌套使用

    if(true){
        console.log("hello");
    }else{
        if(true){
            console.log("hello");
        }else{
            console.log("world");
        }
    }
    或者
    if(true){
        console.log("hello1");
    }else if(true){
        console.log("hello2");
    }else if(true){
        console.log("hello3");
    }else if(true){
        console.log("hello4");
    }
    Copier après la connexion

    (2)使用switch(){}语句

    系统提供的语句

    switch(){}

    • switch语句名

    • ()要判断的值

    • {}执行语句,所有的分支路径都放在一个花括号内

    • case匹配()内的值则执行,不匹配则往下找,找到执行,都没找到输出default的内容

    案例:输入数字,判断后输出星期几

    switch(n){
        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("请输入1-7之间的数字");
    }
    Copier après la connexion

    (3)switch的注意事项

    case的穿透特性:

    在一个switch中,只会进行一次case判断,如果判断成功,后面的case则不会判断全部执行
    阻止case穿透
    使用关键字break;可以跳出当前循环,后面的都不执行

    switch和if-else的区别

    • switch只能判断具体的值,不能判断范围,不会进行隐式转换

    • if else可以判断范围

    循环结构

    1.while循环

    while(){}
        while	//语句名
        ()		//执行条件、判断调价
        {}		//执行语句循环体
    //例:
    var i = 0;
    while(i<10){//当括号内的条件为真时,会一直执行
        console.log(i);//输出0-9,十个数字
        i++;//改变计数器
    }
    //表示重复执行10次
    //注意:为避免死循环,一定要在循环体内 改变 条件中使用变量的值-改变计数器。
    //通常while被用在不确定执行次数的循环中,循环体内设置if判断,满足条件使用break结束循环,否则一直循环
    Copier après la connexion

    2.do-while循环

    do{}while(){}
        do		语句名
        {}		do的执行语句
        while	语句名2
        ()		执行条件
        {}		while的执行语句
        
    do{
        console.log("do的执行语句");
        i++;//改变计数器
    }while(i<10){
        console.log("while的执行语句");
    }
    //条件为true时,会执行do后面的语句
    //条件为false时,会执行一次while后面的语句
    //注意:do-while的改变计数器要鞋子啊do语句中,否则会造成死循环
    do-while和while的区别
        do-while任何情况下都比while多执行一次(do-while无论真假都会执行一次while里的语句)
        do-while相对于while结构紧密些
    Copier après la connexion

    3.for循环

    for(){}
        for		语句名
        ()		条件组
        {}		循环体
    for(var i = 0; i < 10; i++){
        console.log(i);//打印0-9。共十个数字
    }
    
    for循环括号内的内容
    var i=0;	//定义循环开始时计数器的初始值
    i<10;		//设置停止循环的条件,满足条件执行循环,不满足条件结束循环
    i++		//计数器加一(这条语句是在循环体内容结束后才执行)
    //注意:上面的三个内容必须用分号“;”隔开,否则报错
    
    for循环是最长使用的循环,还可进行for循环嵌套
    for(var i=0;i<10;i++){
        for(var j=0;j<10;j++){
            console.log(i+j);
        } 
    }
    Copier après la connexion

    4.死循环

    无法靠自身控制结束的循环,称为死循环
    不知道要循环几次的问题,利用死循环的原理,每次判断一个条件,直到满足条件,利用break跳出循环
    通常使用while来进行死循环
    Copier après la connexion

    5.continue关键字break关键字

    continue和break都是用来控制循环结构的,主要是用来停止循环。   
    控制关键字:控制循环的执行或停止
        break:结束循环语句,直接跳出当前循环语句,后面所有的下一次循环都不执行。
        continue:表示跳过当前所在的本次循环(continue下面的语句不执行跳过),下一次循环还会正常执行
    Copier après la connexion

    【推荐学习: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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 pm 02:54 PM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de reconnaissance vocale en ligne Introduction : Avec le développement continu de la technologie, la technologie de reconnaissance vocale est devenue une partie importante du domaine de l'intelligence artificielle. Le système de reconnaissance vocale en ligne basé sur WebSocket et JavaScript présente les caractéristiques d'une faible latence, d'un temps réel et d'une multiplateforme, et est devenu une solution largement utilisée. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de reconnaissance vocale en ligne.

WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel Dec 17, 2023 pm 05:30 PM

WebSocket et JavaScript : technologies clés pour réaliser des systèmes de surveillance en temps réel Introduction : Avec le développement rapide de la technologie Internet, les systèmes de surveillance en temps réel ont été largement utilisés dans divers domaines. L'une des technologies clés pour réaliser une surveillance en temps réel est la combinaison de WebSocket et de JavaScript. Cet article présentera l'application de WebSocket et JavaScript dans les systèmes de surveillance en temps réel, donnera des exemples de code et expliquera leurs principes de mise en œuvre en détail. 1. Technologie WebSocket

Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Dec 17, 2023 pm 12:09 PM

Introduction à l'utilisation de JavaScript et de WebSocket pour mettre en œuvre un système de commande en ligne en temps réel : avec la popularité d'Internet et les progrès de la technologie, de plus en plus de restaurants ont commencé à proposer des services de commande en ligne. Afin de mettre en œuvre un système de commande en ligne en temps réel, nous pouvons utiliser les technologies JavaScript et WebSocket. WebSocket est un protocole de communication full-duplex basé sur le protocole TCP, qui peut réaliser une communication bidirectionnelle en temps réel entre le client et le serveur. Dans le système de commande en ligne en temps réel, lorsque l'utilisateur sélectionne des plats et passe une commande

Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 am 09:39 AM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de réservation en ligne. À l'ère numérique d'aujourd'hui, de plus en plus d'entreprises et de services doivent fournir des fonctions de réservation en ligne. Il est crucial de mettre en place un système de réservation en ligne efficace et en temps réel. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de réservation en ligne et fournit des exemples de code spécifiques. 1. Qu'est-ce que WebSocket ? WebSocket est une méthode full-duplex sur une seule connexion TCP.

JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel Dec 17, 2023 pm 05:13 PM

JavaScript et WebSocket : Construire un système efficace de prévisions météorologiques en temps réel Introduction : Aujourd'hui, la précision des prévisions météorologiques revêt une grande importance pour la vie quotidienne et la prise de décision. À mesure que la technologie évolue, nous pouvons fournir des prévisions météorologiques plus précises et plus fiables en obtenant des données météorologiques en temps réel. Dans cet article, nous apprendrons comment utiliser la technologie JavaScript et WebSocket pour créer un système efficace de prévisions météorologiques en temps réel. Cet article démontrera le processus de mise en œuvre à travers des exemples de code spécifiques. Nous

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

Comment utiliser insertBefore en javascript Comment utiliser insertBefore en javascript Nov 24, 2023 am 11:56 AM

Utilisation : En JavaScript, la méthode insertBefore() est utilisée pour insérer un nouveau nœud dans l'arborescence DOM. Cette méthode nécessite deux paramètres : le nouveau nœud à insérer et le nœud de référence (c'est-à-dire le nœud où le nouveau nœud sera inséré).

Comment obtenir facilement le code d'état HTTP en JavaScript Comment obtenir facilement le code d'état HTTP en JavaScript Jan 05, 2024 pm 01:37 PM

Introduction à la méthode d'obtention du code d'état HTTP en JavaScript : Dans le développement front-end, nous devons souvent gérer l'interaction avec l'interface back-end, et le code d'état HTTP en est une partie très importante. Comprendre et obtenir les codes d'état HTTP nous aide à mieux gérer les données renvoyées par l'interface. Cet article explique comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournit des exemples de code spécifiques. 1. Qu'est-ce que le code d'état HTTP ? Le code d'état HTTP signifie que lorsque le navigateur lance une requête au serveur, le service

See all articles