Работа с объектами в JavaScript.

JavaScript

Работа с объектами в JavaScript.

Как работать с объектами в JavaScript

Объекты JavaScript используются для хранения более сложных данных в одной коллекции, а не в отдельных переменных с типом данных. Объекты также могут называться словарями или хэш-картами данных.

1. Инициализация объекта

Каждая запись в объекте используется с синтаксисом пары ключ-значение. Объект может иметь несколько записей, хранящихся в одной коллекции. Коллекция может быть объявлена с любым ключевым словом замедления (const, var, let).

const obj = {
    first_name: 'John',
    last_name: 'Doe'
};

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

const name = 'first_name';
const obj = {
    [name]: 'John',
    last_name: 'Doe'
};

2. Доступ к данным

Доступ к данным в объектах JavaScript очень примитивен, и есть 2 способа получить данные из определенной записи.

Переменный метод

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

const obj = { age: 20 };
const age = obj.age;

Метод массива

Входные данные также могут быть получены с помощью синтаксиса, подобного массиву. Мы будем использовать эти скобки [] и помещать в них ключ, к которому мы хотим получить доступ.

const age = obj['age'];

3. Установка данных

Установка данных, как и доступ к ним, осуществляется теми же двумя способами. Через переменную и метод массива. Вот примеры их обоих:

const obj = { location: 'USA' };
// variable
obj.location = 'Mexico';
// array
obj['location'] = 'Mexico';

4. Объектные методы

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

4+ полезных объектных метода в JavaScript
4 и более полезных объектных метода, которые вы можете использовать в JavaScriptjavascript.plainenglish.io

5. Проверка записи

Мы можем проверить, есть ли в коллекции объектов конкретная запись, двумя разными способами. То есть во встроенной проверке и с методом объекта.

Встроенная проверка

Во встроенной проверке мы используем синтаксис in, который возвращает логическое значение, присутствует ли запись с определенным ключом.

const obj = { job: 'Retail' };
const hasJob = 'job' in obj; // true

Метод объекта

Мы можем использовать уже реализованный метод объекта .hasOwn(), который может определить, присутствует ключ или нет. Этот метод имеет 2 параметра: target, который является целевым объектом, и property.

const hasJob = Object.hasOwn(obj, 'job'); // true

6. Удаление записи

Для удаления записи в JavaScript есть зарезервированное ключевое слово delete. После ключевого слова delete вы можете поместить конкретную запись, которую хотите удалить.

const obj = { name: 'John Doe' };
delete obj.name;

Заключение

Как я уже говорил ранее, знание того, как использовать объекты в JavaScript, является важным знанием. Объекты используются во всем мире, и их нельзя оставлять позади. Я надеюсь, что эта статья помогла вам разобраться в объектах JavaScript.

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Посетите наш Community Discord и присоединитесь к нашему Коллективу талантов.

Работа с объектами в JavaScript.

JavaScript