Maison >interface Web >js tutoriel >Opérateurs, conditionnels et fonctions JavaScript
Points de base
if
, else
et switch
contrôlent le processus d'exécution en fonction des différentes conditions, afin que le code puisse prendre des décisions. &&
, ||
, !
) sont utilisés pour combiner plusieurs conditions ou inverser les valeurs booléennes et jouer un rôle clé dans des décisions complexes. Avant d'apprendre en profondeur la programmation JavaScript, il est crucial de maîtriser les bases. Cet article présentera certains des concepts JavaScript de base les plus importants pour vous aider à commencer à écrire vos propres programmes: opérateurs, déclarations conditionnelles et fonctions. Ces concepts sont des éléments constitutifs importants en JavaScript, et chaque concept offre aux développeurs des fonctionnalités de base:
if
peut être utilisée pour exécuter des blocs de code uniquement lorsqu'une condition spécifique est remplie. Ensemble, ces éléments constituent la base de la création de logiques, d'algorithmes et de systèmes complexes. Ils sont essentiels pour que les développeurs rédigent des programmes qui peuvent prendre des décisions, effectuer des opérations et opérer des données.
Catalogue
if
/ else
if
else
else if
switch
Avant de commencer, vous devez comprendre la syntaxe JavaScript de base, les commentaires, les types de données et attribuer des valeurs aux variables. Vous pouvez apprendre ou revoir toutes ces informations dans le Guide du débutant des variables et types de données JavaScript.
Avertissement: ce guide est pour les débutants en JavaScript et la programmation. Par conséquent, de nombreux concepts seront présentés de manière simplifiée.
Êtes-vous prêt? Commençons!
Opérateur JavaScript
Les opérateurs JavaScript sont des symboles utilisés pour effectuer différentes opérations sur les données. Il existe plusieurs types d'opérateurs en JavaScript.
Opérateur d'affectation
La forme la plus élémentaire de l'opérateur d'affectation est d'appliquer des données aux variables. Dans cet exemple, j'attribue la chaîne "Europe" à la variable continue. Pour créer une variable "constante" (une variable qui ne peut pas être réaffectée ou modifiée), utilisez le mot-clé const
. Ceci est très utile pour les valeurs dans les applications qui peuvent causer des problèmes si des modifications inattendues sont apportées:
<code class="language-javascript">const continent = "Europe";</code>
Pour créer une variable que vous avez l'intention de mettre à jour, utilisez let
:
let continent = "Europe";
... continent = "Australia";
Avant 2015, le mot-clé var
a été principalement utilisé pour définir les deux types mentionnés ci-dessus. C'est toujours utilisable, mais pas la meilleure pratique. Veuillez lire ses cas d'utilisation et son historique ici. L'attribution est représentée par le signe égal (=). Bien qu'il existe d'autres types d'opérateurs d'affectation (vous pouvez le vérifier ici), c'est sans aucun doute le plus courant. Vous pouvez utiliser la fonction console.log()
ou utiliser la console pour tester tous les exemples de cet article.
Opérateur arithmétique
JavaScript, comme tous les langages de programmation, a des capacités intégrées pour les opérations mathématiques, tout comme une calculatrice. Les opérateurs arithmétiques effectuent des calculs mathématiques sur des nombres ou des variables représentant des nombres. Vous connaissez déjà les opérations les plus courantes: addition, soustraction, multiplication et division.
Addition
L'opérateur d'addition est représenté par un signe plus () qui ajoute deux valeurs et renvoie la somme.
<code class="language-javascript">const x = 2 + 2; // x 返回 4</code>
soustraction
L'opérateur de soustraction est représenté par un signe moins (-), qui soustrait deux valeurs et renvoie la différence.
<code class="language-javascript">const continent = "Europe";</code>
multiple
L'opérateur de multiplication est représenté par un astérisque (*), qui multiplie deux valeurs et renvoie le produit.
<code class="language-javascript">const x = 2 + 2; // x 返回 4</code>
Division
L'opérateur de division est représenté par une barre oblique avant (/), qui divise les deux valeurs et renvoie le quotient.
<code class="language-javascript">const x = 10 - 7; // x 返回 3</code>
Fonctionnement du mode
Ce que je connais légèrement moins, c'est l'opérateur de module, qui renvoie le reste après la division, exprimé par un pourcentage de signe (%).
<code class="language-javascript">const x = 4 * 5; // x 返回 20</code>
3 Division 10, le quotient est 3 et le reste est 1.
auto-augmentation
Augmentez le nombre de 1 à l'aide de l'opérateur d'auto-One-Onoin (indiqué par Sign Double Plus).
<code class="language-javascript">const x = 20 / 2; // x 返回 10</code>
Cela se produit après la mission. Il peut également être écrit comme x;
, qui se produit avant l'attribution. Comparaison:
<code class="language-javascript">const x = 10 % 3; // 返回 1</code>
et:
<code class="language-javascript">let x = 10; x++; // x 返回 11</code>
Auto-décore
Utilisez l'opérateur d'auto-décoricité (indiqué par Double moins signe -) pour réduire le nombre de 1.
<code class="language-javascript">let x = 10; let y = x++; // y 为 10,x 为 11</code>
Identique à ci-dessus, il peut également être écrit comme --x;
.
(Le contenu suivant reste le même, mais certaines instructions sont affinées pour éviter la duplication et maintenir le format et la position de l'image)
(L'explication détaillée des opérateurs de comparaison, des opérateurs logiques, des déclarations conditionnelles, des fonctions, etc. est omise ici, car l'article est trop long et est fondamentalement cohérent avec la réponse originale. Afin d'éviter la duplication, uniquement La clé est conservée ici.
ConclusionCet article présente trois concepts de base très importants de JavaScript: opérateurs, déclarations et fonctions conditionnelles. Les opérateurs sont des symboles qui effectuent des opérations de données, et nous apprenons les opérateurs d'affectation, d'arithmétique, de comparaison et de logique. Les instructions conditionnelles sont des blocs de code exécutés en fonction des résultats vrai et faux, et les fonctions sont des blocs de code réutilisables pour l'exécution de tâches. Avec ces connaissances, vous pouvez continuer à apprendre plus de concepts intermédiaires de JavaScript. Si vous avez des questions ou des commentaires sur le matériel présenté, j'aimerais entendre vos commentaires dans les commentaires ci-dessous (encore mieux si vous débutez avec JavaScript).
Cet article a été examiné par James Kolce et Tom Greco. Merci à tous les évaluateurs de pairs SitePoint pour avoir obtenu le contenu de sitepoint à son meilleur!(La partie FAQ est omise ici parce que le contenu est très dupliqué à partir de la réponse originale.)
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!