Применение и функции двоеточия в JavaScript и jQuery

Пройдите тест, узнайте какой профессии подходите

Я предпочитаю

Работать самостоятельно и не зависеть от других

Работать в команде и рассчитывать на помощь коллег

Организовывать и контролировать процесс работы

Быстрый ответ

Двоеточие `:` в JavaScript используется для следующих целей:

1. **Литералы объектов**: обозначает связку ключ-значение в объектах.

javascript const book = { title: '1984', author: 'Оруэлл' };


2. **Тернарный оператор**: разделяет условие и возвращаемые выражения для случаев верного и неверного утверждений.

javascript const access = age

= 18 ? 'Доступ разрешён' : 'Доступ запрещён';

Кинга Идем в IT: пошаговый план для смены профессии

Практическое применение

Определение свойств объекта и работа с JSON:

: используется для создания объектов в JavaScript.
Данный символ критичен для JSON (JavaScript Object Notation), стандарта обмена данными, часто применяемого в AJAX-запросах.

Скопировать код

const car = { type: 'Tesla', model: 'Model S' }; // объект JavaScript
const jsonCar = "{\"type\": \"Tesla\", \"model\": \"Model S\"}"; // JSON-строка

Использование меток для контроля над циклами:

: совместно с метками позволяет управлять выполнением вложенных циклов при помощи break и continue.

Скопировать код

chocoLoop:
for (let i = 0; i < 5; i++) {
  vanillaLoop:
  for (let j = 0; j < 5; j++) {
    if (j === 3) break chocoLoop; // Прерывание выполнения цикла `chocoLoop`, а не `vanillaLoop`
  }
}

Фильтрация элементов в jQuery:

В библиотеке jQuery двоеточие служит обозначением селекторов-фильтров для работы с DOM.

Скопировать код

$('div:hidden'); // Поиск скрытых элементов на странице.

Тернарные операторы:

Двоеточие позволяет записывать ветвления в одну строку, сокращая код.

Скопировать код

const result = condition ? actionIfTrue() : actionIfFalse();

Визуализация

Пример объекта представлен ниже. Он наглядно демонстрирует использование ::

Скопировать код

const cat = {
  'name': 'Пушистик', // КЛЮЧ 'name'
  'color': 'белый'    // КЛЮЧ 'color'
};

Двоеточие выполняет роль связующего звена:

Markdown

Скопировать код

| КЛЮЧ (Имя свойства) | 🐾 | ЗНАЧЕНИЕ (Значение свойства)  |
|---------------------|----|-----------------------------|
| name                | :  | 'Пушистик'                  |
| color               | :  | 'белый'                     |

Итак, двоеточие соединяет ключи с их значениями.

Подробное руководство

Доступ к свойствам и методам:

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

Скопировать код

const robot = {
  speak: function() { console.log('Бип-буп'); }
};
robot.speak(); // Вызов метода через точку: "Бип-буп"
robot['speak'](); // Вызов метода через скобки: "Бип-буп"

Ясность синтаксиса:

Если ключи объекта не содержат спецсимволов, их обрамление кавычками не требуется, что упрощает восприятие кода.

Скопировать код

const player = {
  name: 'Джон Доу',
  age: 30,
  'player-score': 3200 // Требуется обрамить кавычками из-за дефиса
};

Деструктуризация:

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

Скопировать код

function createUser(firstName, lastName) {
  return {
    firstName,
    lastName
  };
}

Полезные материалы

Свежие материалы

Видео уроки по C#

6 сентября 2024

Как использовать Google Authenticator для двухфакторной аутентификации в Fortnite

6 сентября 2024

Как найти код безопасности в Epic Games

6 сентября 2024