Maison  >  Article  >  interface Web  >  À quoi sert le deux points (:) en JavaScript ?

À quoi sert le deux points (:) en JavaScript ?

Patricia Arquette
Patricia Arquetteoriginal
2024-10-21 11:28:02130parcourir

What is the Colon (:) Used for in JavaScript?

Comprendre le rôle des deux points (:) en JavaScript

En JavaScript, les deux points (:) jouent un rôle important dans divers contextes. L'une de ses principales utilisations est de créer des littéraux d'objet, qui sont utilisés pour représenter des collections de propriétés et leurs valeurs associées.

Littéraux d'objet

Comme vous l'avez découvert dans jQuery bibliothèque, les deux points sont largement utilisés lors de la définition des littéraux d'objet. Dans ce contexte, deux points sont utilisés pour séparer le nom de la propriété (clé) de sa valeur correspondante. Par exemple :

var person = {
    name: 'John Doe',
    age: 25,
    address: '123 Main Street'
};

Dans ce littéral d'objet, chaque ligne représente une paire propriété-valeur distincte. Les deux points sont le séparateur entre le nom de la propriété et la valeur attribuée à cette propriété.

Équivalence fonctionnelle avec les constructeurs d'objets

Alors que les littéraux d'objet fournissent une syntaxe concise pour définir des objets , ils sont fonctionnellement équivalents à l'utilisation de constructeurs d'objets. Par exemple, l'objet suivant :

var o = {
    r: 'some value',
    t: 'some other value'
};

est fonctionnellement identique à celui créé à l'aide d'un constructeur d'objet :

var o = new Object();
o.r = 'some value';
o.t = 'some other value';

Dans les deux cas, le littéral d'objet (en utilisant des deux-points) et le Le constructeur d'objet (utilisant l'instanciation d'objet avec la notation par points) produit des objets avec les mêmes propriétés et valeurs.

Utilisations supplémentaires

Au-delà des littéraux d'objet, les deux points sont également utilisés dans d'autres contextes en JavaScript, tels que :

  • Dans le cadre d'expressions conditionnelles ternaires (par exemple, condition ? trueValue : falseValue)
  • Dans les instructions switch/case (par exemple, switch (variable) { case value1 : ... ; })
  • En tant qu'étiquette dans les instructions de boucle (par exemple, myLabel : while (condition) {})

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