Что делает ':' (двоеточие) в JavaScript?

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

функционально эквивалентен

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

Это JSON или объектная нотация JavaScript. Это быстрый способ описания объекта или хэш-карты. Вещь перед двоеточием - это имя свойства, а вещь после двоеточия - его значение. Итак, в этом примере есть свойство «r», значение которого равно значению переменной r. То же для т.

Это часть синтаксиса литерала объекта. Базовый формат:

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

Затем вы можете получить доступ к этим значениям с помощью:

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

Вы даже можете иметь функции как значения, в основном предоставляя вам методы объекта:

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

':' В основном является разделителем для пар "ключ-значение". В вашем примере это обозначение литерала объекта Javascript.

В javascript объекты определяются двоеточием, разделяющим идентификатор свойства и его значение, поэтому вы можете иметь следующее:

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

а затем используйте его как:

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

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

Подмножество этого также известно как JSON (Javascript Object Notation), которое полезно в вызовах AJAX, поскольку оно компактно и быстро анализируется на серверных языках, а Javascript может легко десериализовать строку JSON в объект.

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

Вы также можете поместить ключ в кавычки, если он содержит какой-то специальный символ или пробелы, но я бы не рекомендовал это, потому что это просто усложняет работу.

Имейте в виду, что Обозначение объекта JavaScript Буквальный в языке JavaScript отличается от стандарта JSON для передачи сообщений. Основное различие между этими двумя состоит в том, что функции и конструкторы не являются частью Стандарт JSON, но разрешены в литералах объектов JS.

Вы, ребята, забываете, что двоеточие также используется в тернарном операторе (хотя я не знаю, использует ли его jquery для этой цели).

тернарный оператор - это форма выражения (выражения возвращают значение) оператора if / then. он используется так:

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

Тернарный оператор также может использоваться для создания побочных эффектов, как если бы / тогда, но это в корне плохая практика.

Кроме того, для обозначения оператора можно использовать двоеточие. Например

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

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

}

Не забываем оператор switch, в котором двоеточие ставится после каждого «case».

Его можно использовать для перечисления объектов в переменной. Кроме того, он немного используется в сокращении предложения if:

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

И называя это так

alert(something.man);

Также предложение if:

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

Обычно это сценарии, в которых двоеточие ':' используется в JavaScript.

1- Объявление и инициализация объекта

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

2- Установка метки (не рекомендуется, так как это приводит к сложной структуре управления и коду спагетти)

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

3- В заявлении 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- Тернарный оператор

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

Одна глупая ошибка, которую я совершил некоторое время назад, может помочь некоторым людям.

Имейте в виду, что если вы используете ":" в подобном событии, значение не изменится.

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

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

            ...
        });

Таким образом, «nub0x» инициализируется первым происходящим событием и никогда не изменит своего значения. Но "nub0y" изменится в следующих ивентах.

Еще одно использование двоеточия в JavaScript - переименование переменной, а именно:

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

Это полезно, если вы используете стороннюю библиотеку, которая возвращает значения с неудобными / длинными именами переменных, которые вы хотите переименовать в своем коде.