Maison >interface Web >js tutoriel >Javascript-Datatypes,Variables, Opérateurs,Instruction conditionnelle,Tâches en boucle

Javascript-Datatypes,Variables, Opérateurs,Instruction conditionnelle,Tâches en boucle

Barbara Streisand
Barbara Streisandoriginal
2025-01-22 14:31:10234parcourir

Principes fondamentaux de JavaScript : types de données, variables, opérateurs et flux de contrôle

Ce document fournit un aperçu concis des concepts fondamentaux de JavaScript, notamment les types de données, les variables, les opérateurs et les structures de flux de contrôle.

Types de données :

Les types de données classent le type de valeurs qu'une variable peut contenir. Les huit types de données principaux de JavaScript permettent une gestion et un traitement efficaces des données.

  1. Chaîne : Représente des données textuelles (par exemple, "Bonjour").
  2. Nombre : Représente des données numériques (par exemple, 10, 3.14).
  3. BigInt : Représente des entiers arbitrairement grands.
  4. Booléen : Représente les valeurs de vérité (vrai ou faux).
  5. Non défini : Indique qu'une variable a été déclarée mais qu'aucune valeur n'a été affectée.
  6. Null : Représente l'absence intentionnelle d'une valeur.
  7. Symbole : Crée des valeurs uniques et immuables.
  8. Objet : Représente des structures de données complexes.

Variables :

Les variables sont nommées emplacements de stockage pour les valeurs. JavaScript propose plusieurs façons de déclarer des variables :

  • Déclaration automatique : x = 5; (Déclaration implicite, généralement déconseillée pour des raisons de clarté).
  • var : var x = 5; (Style ancien, à portée fonctionnelle, à utiliser avec parcimonie).
  • let : let x = 5; (à portée de bloc, permet la réaffectation).
  • const : const x = 5; (à portée de bloc, empêche la réaffectation après l'initialisation ; idéal pour les constantes).

Choisir var, let ou const :

  1. Déclarez toujours les variables explicitement. Évitez les déclarations implicites.
  2. Préférer const : Utilisez const sauf si la valeur doit changer. Cela inclut les tableaux et les objets (leur contenu peut être modifié, mais la variable elle-même ne peut pas être réaffectée).
  3. Utiliser let uniquement lorsque cela est nécessaire : Employer let uniquement lorsque const est inapproprié en raison de la nécessité d'une réaffectation.
  4. Éviter var dans le JavaScript moderne : var a une portée de fonction, ce qui peut conduire à un comportement inattendu. Réservez-le uniquement pour la compatibilité avec les très anciens navigateurs.

Opérateurs :

Les opérateurs JavaScript effectuent divers calculs. L'image suivante fournit une représentation visuelle des opérateurs courants :

Javascript-Datatypes,Variables, Operators,Conditional statement ,Looping-Tasks

Déclarations conditionnelles :

Les instructions conditionnelles contrôlent le flux d'exécution en fonction des conditions.

  • if : Exécute un bloc de code si une condition est vraie.

    <code class="language-javascript"> if (hour < 12) {
         console.log("Good morning");
     }</code>
  • else : Exécute un bloc de code si la condition if précédente est fausse.

    <code class="language-javascript"> if (hour < 12) {
         console.log("Good morning");
     } else {
         console.log("Good afternoon");
     }</code>
  • else if : Teste des conditions supplémentaires si les conditions if et else if précédentes sont fausses.

    <code class="language-javascript"> if (time < 10) {
         console.log("Good morning");
     } else if (time < 20) {
         console.log("Good day");
     } else {
         console.log("Good evening");
     }</code>
  • switch : (Non détaillé ici, mais fournit un moyen concis de gérer plusieurs conditions).

Boucles :

Les boucles exécutent à plusieurs reprises des blocs de code tant qu'une condition reste vraie.

1. while Boucle :

La boucle while continue tant qu'une condition spécifiée est vraie.

Exemples :

<code class="language-javascript">// Output: 5 4 3 2 1
let no = 5;
while (no > 0) {
  console.log(no);
  no--;
}

// Output: 1 2 3 4 5
let no = 1;
while (no <= 5) {
  console.log(no);
  no++;
}

// Output: 0 2 4 6 8 10
let no = 0;
while (no <= 10) {
  console.log(no);
  no += 2;
}

// Output: 10 8 6 4 2 0
let no = 10;
while (no >= 0) {
  console.log(no);
  no -= 2;
}</code>

Cette réponse révisée fournit une explication plus structurée et complète des concepts JavaScript fournis. Les exemples de code sont également améliorés pour plus de clarté et de précision.

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:
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