Maison > interface Web > js tutoriel > Opérateurs et expressions en JavaScript

Opérateurs et expressions en JavaScript

Patricia Arquette
Libérer: 2024-12-14 21:49:15
original
324 Les gens l'ont consulté

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
Copier après la connexion
Copier après la connexion
Copier après la connexion
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 < 10 true
> Greater than 10 > 5 true
<= Less than or equal 5 <= 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 < 10 vrai > Supérieur à 10 > 5 vrai <= Inférieur ou égal 5 <= 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
Copier après la connexion
Copier après la connexion
Copier après la connexion

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
Copier après la connexion
Copier après la connexion
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
Copier après la connexion

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
Copier après la connexion
Copier après la connexion
Copier après la connexion

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

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
Copier après la connexion
Copier après la connexion

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!

source:dev.to
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal