Was macht ':' (Doppelpunkt) in JavaScript?

Ich lerne JavaScript und sehe beim Durchsuchen der jQuery-Bibliothek, dass :(Doppelpunkt) häufig verwendet wird. Wofür wird dies in JavaScript verwendet?

// Return an array of filtered elements (r)
// and the modified expression string (t)
   return { r: r, t: t };

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

ist funktional äquivalent zu

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

Außerdem kann ein Doppelpunkt verwendet werden, um eine Anweisung zu kennzeichnen. beispielsweise

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

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

}

Ihr vergisst, dass der Doppelpunkt auch im ternären Operator verwendet wird (obwohl ich nicht weiß, ob jquery ihn für diesen Zweck verwendet).

Der ternäre Operator ist eine Ausdrucksform (Ausdrücke geben einen Wert zurück) einer if / then-Anweisung. es wird so verwendet:

var result = (condition) ? (value1) : (value2) ;

Ein ternärer Operator könnte auch verwendet werden, um Nebenwirkungen zu erzeugen, genau wie wenn / dann, aber dies ist eine zutiefst schlechte Praxis.

Das ':' ist im Grunde ein Trennzeichen für Schlüsselwertpaare. In Ihrem Beispiel handelt es sich um eine Javascript Object Literal-Notation.

In Javascript werden Objekte so definiert, dass der Doppelpunkt den Bezeichner für die Eigenschaft und ihren Wert begrenzt, sodass Sie Folgendes haben können:

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

und dann benutze es wie:

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

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

Eine Teilmenge davon ist auch als JSON (Javascript Object Notation) bekannt, was bei AJAX-Aufrufen nützlich ist, da es kompakt und schnell in serverseitigen Sprachen zu analysieren ist und Javascript eine JSON-Zeichenfolge leicht in ein Objekt de-serialisieren kann.

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

Sie können den Schlüssel auch in Anführungszeichen setzen, wenn er Sonderzeichen oder Leerzeichen enthält. Ich würde dies jedoch nicht empfehlen, da dies die Arbeit nur erschwert.

Beachten Sie, dass JavaScript Object Literal Notation in der JavaScript - Sprache für Message Passing aus dem JSON - Standard unterscheidet. Der Hauptunterschied zwischen den beiden besteht darin, dass Funktionen und Konstruktoren nicht Teil des JSON-Standards sind , sondern in JS-Objektliteralen zulässig sind.

Es ist Teil der Objektliteral-Syntax. Das Grundformat ist:

var obj = { field_name: "field value", other_field: 42 };

Dann können Sie auf diese Werte zugreifen mit:

obj.field_name; // -> "field value"
obj["field_name"]; // -> "field value"

Sie können sogar Funktionen als Werte haben, die Ihnen im Grunde die Methoden des Objekts geben:

obj['func'] = function(a) { return 5 + a;};
obj.func(4);  // -> 9

Es kann verwendet werden, um Objekte in einer Variablen aufzulisten. Außerdem wird es ein wenig in der Abkürzung eines if-Satzes verwendet:

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

Und es so zu nennen

alert(something.man);

Auch der if-Satz:

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

Vergessen wir nicht die switch-Anweisung, bei der nach jedem "Fall" ein Doppelpunkt verwendet wird.

Dies sind im Allgemeinen die Szenarien, in denen der Doppelpunkt ':' in JavaScript verwendet wird

1- Deklarieren und Initialisieren eines Objekts

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

2- Festlegen eines Etiketts (Nicht empfohlen, da dies zu einer komplizierten Kontrollstruktur und einem Spaghetti-Code führt)

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

3- In Switch-Anweisung

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- Im ternären Operator

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

Das ist JSON oder JavaScript Object Notation. Es ist eine schnelle Möglichkeit, ein Objekt oder eine Hash-Map zu beschreiben. Das Ding vor dem Doppelpunkt ist der Eigenschaftsname, und das Ding nach dem Doppelpunkt ist sein Wert. In diesem Beispiel gibt es also eine Eigenschaft "r", deren Wert der Wert in der Variablen r ist. Gleiches gilt für t.

Ein dummer Fehler, den ich vor einiger Zeit gemacht habe und der einigen Leuten helfen könnte.

Beachten Sie, dass sich der Wert nicht ändert, wenn Sie in einem solchen Ereignis ":" verwenden

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

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

            ...
        });

"Nub0x" wird also mit dem ersten Ereignis initialisiert und ändert niemals seinen Wert. Aber "nub0y" wird sich bei den nächsten Ereignissen ändern.

Eine andere Verwendung des Doppelpunkts in JavaScript besteht darin, eine Variable umzubenennen, d. H.

const person = { 
    nickNameThatIUseOnStackOverflow: "schlingel",
    age: 30,
    firstName: "John"
};
const { nickNameThatIUseOnStackOverflow: nick } = person; // I take nickNameThatIUseOnStackOverflow but want to refer it as "nick" from now on.
nick = "schling";

Dies ist nützlich, wenn Sie eine Bibliothek eines Drittanbieters verwenden, die Werte mit umständlichen / langen Variablennamen zurückgibt, die Sie in Ihrem Code umbenennen möchten.