Qu'est -': '(côlon) faire en JavaScript?

Et aussi, deux points peuvent être utilisés pour étiqueter une déclaration. par exemple

var i = 100, j = 100;
outerloop:
while(i>0) {
  while(j>0) {
   j++

   if(j>50) {
     break outerloop;
   }
  }
i++

}

Le ':' est un délimiteur pour les paires clé-valeur en gros. Dans votre exemple, c'est un Javascript Object notation Littérale.

En javascript, les Objets sont définis avec les deux points de délimitation de l'identificateur de la propriété, et de sa valeur, de sorte que vous pouvez avoir le suivant:

return { 
    Property1 : 125,
    Property2 : "something",
    Method1 : function() { /* do nothing */ },
    array: [5, 3, 6, 7]
};

et de l'utiliser ensuite comme:

var o =  { 
    property1 : 125,
    property2 : "something",
    method1 : function() { /* do nothing */ },
    array: [5, 3, 6, 7]
};

alert(o.property1); //Will display "125"

Un sous-ensemble de ce qui est également connu comme JSON (Javascript Object Notation), qui est utile dans les appels AJAX, car il est compact et rapide à analyser dans les langages côté serveur et Javascript peut facilement dé-sérialiser une chaîne JSON en objet.

//The parenthesis '(' & ')' around the object are important here
var o = eval('(' + "{key: \"value\"}" + ')');

Vous pouvez également mettre la clé à l'intérieur de guillemets s'il contient une sorte de caractère spécial ou d'espace, mais je ne recommande pas que parce que cela rend les choses plus difficile de travailler avec.

Gardez à l'esprit que Objet JavaScript Littérale Notation dans le langage JavaScript est différent du JSON standard pour la transmission de message. La principale différence entre les 2 est que les fonctions et les constructeurs ne font pas partie de la JSON standard, mais sont autorisés dans JS objet de littéraux.

Il peut être utilisé pour les objets de la liste dans une variable. Aussi, il est utilisé un peu à l'abréviation d'une phrase:

var something = {face: 'hello',man: 'hey',go: 'sup'};

Et de l'appeler comme ça

alert(something.man);

Aussi les si la peine:

function something() {  
  (some) ? doathing() : dostuff(); //if some = true doathing();, else dostuff();
}

Ce sont généralement les scénarios où les deux-points ':' est utilisé en JavaScript

1 - la déclaration et l'Initialisation d'un Objet

var Car = {model:"2015", color:"blue"}; //car object with model and color properties

2 - la définition d'un Label (Pas recommandée, car elle se traduit dans le complexe de la structure de contrôle de code Spaghetti)

List: 
while(counter < 50)
{
     userInput += userInput;
     counter++;
     if(userInput > 10000)
     {
          break List;
     }
}

3 - Dans L'Instruction Switch

switch (new Date().getDay()) {
    case 6:
        text = "Today is Saturday";
        break; 
    case 0:
        text = "Today is Sunday";
        break; 
    default: 
        text = "Looking forward to the Weekend";
}

4 - Opérateur Ternaire

document.getElementById("demo").innerHTML = age>18? "True" : "False";

Une stupide erreur que j'ai fait y a quelques temps et qui pourrait aider certaines personnes.

Gardez à l'esprit que si vous utilisez ":" dans un cas de ce genre, la valeur ne sera pas modifiée

var ondrag = (function(event, ui) {
            ...

            nub0x: event.target.offsetLeft + event.target.clientWidth/2;
            nub0y = event.target.offsetTop + event.target.clientHeight/2;

            ...
        });

Donc "nub0x" initialiser avec le premier événement qui se passe et ne changera jamais sa valeur. Mais "nub0y" va changer lors de la prochaine événements.