recherche
Maisoninterface Webjs tutorielOpérateurs et expressions en JavaScript

Operators and Expressions in JavaScript

Jour 3 : Opérateurs et expressions en JavaScript

Bienvenue au troisième jour d'apprentissage de JavaScript ! Aujourd'hui, nous allons explorer les opérateurs et les expressions, des outils essentiels pour effectuer des calculs, prendre des décisions et écrire une logique significative dans vos programmes.


Que sont les opérateurs ?

Les opérateurs sont des symboles spéciaux ou des mots-clés qui effectuent des opérations sur des valeurs ou des variables. Ces opérations peuvent aller des calculs arithmétiques aux décisions logiques.


Types d'opérateurs en JavaScript

1. Opérateurs arithmétiques

Utilisé pour les opérations mathématiques comme l'addition, la soustraction, la multiplication, etc.

Operator Description Example Output
Addition 5 3 8
- Subtraction 10 - 6 4
* Multiplication 4 * 2 8
/ Division 12 / 4 3
% Modulus (Remainder) 10 % 3 1
** Exponentiation 2 ** 3 8
Opérateur

Description

Exemple
let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
Sortie
ête> Ajout 5 3 8 - Soustraction 10 - 6 4 * Multiplication 4*2 8 / Division 12 / 4 3 % Module (reste) 10 % 3 1 ** Exponentiation 2 ** 3 8

Exemple :

Operator Description Example Output
== Equal to 5 == "5" true
=== Strict equal to 5 === "5" false
!= Not equal to 5 != "5" false
!== Strict not equal 5 !== "5" true
Less than 5 true
> Greater than 10 > 5 true
Less than or equal 5 true
>= Greater than or equal 10 >= 5 true
2. Opérateurs relationnels (de comparaison) Utilisé pour comparer deux valeurs et renvoyer un booléen (vrai ou faux). Opérateur Description Exemple Sortie ête> == Égal à 5 == "5" vrai === Strict égal à 5 === "5" faux != Différent de 5 != "5" faux !== Strict pas égal 5 !== "5" vrai ≪ Moins de 5 vrai > Supérieur à 10 > 5 vrai Inférieur ou égal 5 vrai >= Supérieur ou égal 10 >= 5 vrai

Exemple :

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1

3. Opérateurs logiques

Combinez plusieurs conditions ou inversez la logique.

Operator Description Example Output
&& Logical AND true && false false
` ` Logical OR
! Logical NOT !true false
Opérateur

Description

Exemple
let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
Sortie
ête> && ET logique vrai && faux faux ` ` OU logique ! NON logique !vrai faux

Exemple :

Operator Description Example Output
= Assign x = 10 10
= Add and assign x = 5 x = x 5
-= Subtract and assign x -= 3 x = x - 3
*= Multiply and assign x *= 2 x = x * 2
/= Divide and assign x /= 2 x = x / 2
%= Modulus and assign x %= 3 x = x % 3
4. Opérateurs d'affectation

Utilisé pour attribuer des valeurs aux variables.

let isAdult = true;
let hasID = false;
console.log(isAdult && hasID); // false
console.log(isAdult || hasID); // true

Opérateur

Description Exemple

Sortie
ête> = Attribuer x = 10 10 = Ajouter et attribuer x = 5 x = x 5 -= Soustraire et attribuer x -= 3 x = x - 3 *= Multiplier et attribuer x *= 2 x = x * 2 /= Diviser et attribuer x /= 2 x = x / 2 %= Module et assignation x %= 3 x = x % 3

Exemple :

Operator Description Precedence
** Exponentiation 1
*, /, % Multiplication, Division, Modulus 2
, - Addition, Subtraction 3
, ==, != Comparison 4
&& Logical AND 5
` `
Expressions et préséance Une expression est un morceau de code qui produit une valeur. Par exemple, 5 3 est une expression et sa valeur est 8. Priorité des opérateurs Lorsque plusieurs opérateurs sont utilisés, JavaScript décide de l'ordre d'exécution en fonction de la priorité. Les opérateurs ayant une priorité plus élevée sont exécutés en premier. Opérateur Description Précédence ête> ** Exponentiation 1 *, /, % Multiplication, Division, Module 2 , - Addition, Soustraction 3 , ==, != Comparaison 4 && ET logique 5 ` `

Exemple de priorité :

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1

Utilisez des parenthèses () pour contrôler la priorité.

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false

Entraînement pour aujourd'hui

  1. Écrivez un programme pour calculer l'aire d'un rectangle à l'aide d'opérateurs arithmétiques.
  2. Comparez deux nombres à l'aide d'opérateurs relationnels et notez s'ils sont égaux ou s'ils sont supérieurs.
  3. Créez un programme simple pour vérifier si une personne a le droit de voter à l'aide d'opérateurs logiques.

Résumé du jour 3

Aujourd'hui, nous avons couvert :

  1. Opérateurs arithmétiques : Pour les calculs.
  2. Opérateurs relationnels : Pour les comparaisons.
  3. Opérateurs logiques : pour combiner des conditions.
  4. Opérateurs d'affectation : pour attribuer et mettre à jour des valeurs.
  5. Expressions et préséance : Comprendre l'ordre d'exécution.

Prochaines étapes

Au cours du Jour 4, nous découvrirons le Control Flow en JavaScript, en nous concentrant sur les instructions conditionnelles et les boucles. Restez à l’écoute pour le 11 décembre 2024 !

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
Types de données JavaScript: Y a-t-il une différence entre le navigateur et les nodejs?Types de données JavaScript: Y a-t-il une différence entre le navigateur et les nodejs?May 14, 2025 am 12:15 AM

Les types de données de base JavaScript sont cohérents dans les navigateurs et Node.js, mais sont gérés différemment des types supplémentaires. 1) L'objet global est la fenêtre du navigateur et global dans Node.js. 2) Objet tampon unique de Node.js, utilisé pour traiter les données binaires. 3) Il existe également des différences dans les performances et le traitement du temps, et le code doit être ajusté en fonction de l'environnement.

Commentaires JavaScript: un guide pour utiliser // et / * * /Commentaires JavaScript: un guide pour utiliser // et / * * /May 13, 2025 pm 03:49 PM

JavascriptUsestwotypesofComments: unique (//) et multi-ligne (//). 1) use // forquicknotesorsings-lineexplanations.2) use // forlongErexPlanationsorcommentingoutblocksofcode.commentsShouldExplatethe'why ', notthewat', et bplacedabovovereLantCodeForCaReric

Python vs JavaScript: une analyse comparative pour les développeursPython vs JavaScript: une analyse comparative pour les développeursMay 09, 2025 am 12:22 AM

La principale différence entre Python et JavaScript est le système de type et les scénarios d'application. 1. Python utilise des types dynamiques, adaptés à l'informatique scientifique et à l'analyse des données. 2. JavaScript adopte des types faibles et est largement utilisé pour le développement frontal et complet. Les deux ont leurs propres avantages dans la programmation asynchrone et l'optimisation des performances, et doivent être décidées en fonction des exigences du projet lors du choix.

Python vs JavaScript: Choisir le bon outil pour le travailPython vs JavaScript: Choisir le bon outil pour le travailMay 08, 2025 am 12:10 AM

Que ce soit pour choisir Python ou JavaScript dépend du type de projet: 1) Choisissez Python pour les tâches de science et d'automatisation des données; 2) Choisissez JavaScript pour le développement frontal et complet. Python est favorisé pour sa bibliothèque puissante dans le traitement et l'automatisation des données, tandis que JavaScript est indispensable pour ses avantages dans l'interaction Web et le développement complet.

Python et Javascript: comprendre les forces de chacunPython et Javascript: comprendre les forces de chacunMay 06, 2025 am 12:15 AM

Python et JavaScript ont chacun leurs propres avantages, et le choix dépend des besoins du projet et des préférences personnelles. 1. Python est facile à apprendre, avec une syntaxe concise, adaptée à la science des données et au développement back-end, mais a une vitesse d'exécution lente. 2. JavaScript est partout dans le développement frontal et possède de fortes capacités de programmation asynchrones. Node.js le rend adapté au développement complet, mais la syntaxe peut être complexe et sujet aux erreurs.

Core de JavaScript: est-il construit sur C ou C?Core de JavaScript: est-il construit sur C ou C?May 05, 2025 am 12:07 AM

Javascriptisnotbuiltoncorc; il est en interprétéLanguageThatrunSoninesoftenwritteninc .1) javascriptwasdesignedasalightweight, interprété de LanguageForwebbrowsers.2) EnginesevolvedFromSimpleInterpreterstoJitCompilers, typicalinc, impropringperformance.

Applications JavaScript: de front-end à back-endApplications JavaScript: de front-end à back-endMay 04, 2025 am 12:12 AM

JavaScript peut être utilisé pour le développement frontal et back-end. L'endouage frontal améliore l'expérience utilisateur via les opérations DOM, et le back-end gère les tâches du serveur via Node.js. 1. Exemple frontal: modifiez le contenu du texte de la page Web. 2. Exemple backend: Créez un serveur Node.js.

Python vs JavaScript: Quelle langue devez-vous apprendre?Python vs JavaScript: Quelle langue devez-vous apprendre?May 03, 2025 am 12:10 AM

Le choix de Python ou JavaScript doit être basé sur le développement de carrière, la courbe d'apprentissage et l'écosystème: 1) le développement de carrière: Python convient à la science des données et au développement de back-end, tandis que JavaScript convient au développement frontal et complet. 2) Courbe d'apprentissage: la syntaxe Python est concise et adaptée aux débutants; La syntaxe JavaScript est flexible. 3) Ecosystème: Python possède de riches bibliothèques informatiques scientifiques, et JavaScript a un puissant cadre frontal.

See all articles

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

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

<🎜>: Bubble Gum Simulator Infinity - Comment obtenir et utiliser les clés royales
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
Nordhold: Système de fusion, expliqué
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Comment déverrouiller le grappin
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

PhpStorm version Mac

PhpStorm version Mac

Le dernier (2018.2.1) outil de développement intégré PHP professionnel

Adaptateur de serveur SAP NetWeaver pour Eclipse

Adaptateur de serveur SAP NetWeaver pour Eclipse

Intégrez Eclipse au serveur d'applications SAP NetWeaver.

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.