Объект Object: Что это значит?

Объект Object — это строковое представление объекта. Вы можете увидеть этот текст, если используете alert (), например, для вывода объекта на экран. Вы можете просмотреть содержимое объекта, используя console.log (), JSON.stringify () или цикл for… in.

При разработке с использованием JavaScript многие из нас сталкивались с выводом: [object Object]. Когда я увидел это в первый раз, я пошёл к своему наставнику в то время и спросил: «Что это вообще значит?». Я был сбит с толку.

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

Что такое JavaScript Объект Object?

[Object Object] — строковая версия экземпляра объекта. Это значение возвращается программой JavaScript, если вы пытаетесь распечатать объект без предварительного форматирования объекта как строки.

Это синтаксис объекта Объект Object:

[object Object]

Неудивительно, что разработчики запутались в этом объекте: нет сообщений об ошибках или предупреждений, которые сообщают нам, что происходит. Давайте посмотрим на пример этого объекта в действии.

Объект Object пример JavaScript

let objA = {
name: «christina»,
degree: «music»,
instrument: «flute»
}

alert(objA);

Когда выполняется инструкция alert (), наш код возвращает [объект Object]. Наша программа пытается вернуть строковое представление того, что было передано в метод alert (). Но поскольку наш код видит это как объект, он сообщает нам, что вместо этого это экземпляр объекта.

Сообщение [object Object] не очень информативно. Но это не означает, что мы не можем видеть значения в нашем объекте. Давайте поговорим о способах чтения значений объекта.

Что внутри объекта?

Знать, что [объект Object] является экземпляром объекта, — это здорово, но мы хотим знать, что он находится внутри объекта. Это можно сделать тремя способами:

1. Войдите в консоль с помощью console.log (<имя вашего-объекта>).
2. Строгозуйте его с помощью JSON.stringify ().
3. Используйте цикл for… in и просмотрите каждое свойство в отдельности.

Войти в консоль

Возможно, самый простой способ увидеть, что находится внутри объекта, — это записать объект в консоль. Оператор console.log () позволяет просматривать все значения в объекте JavaScript.

Рассмотрим следующий код:

let objA = {
name: «christina»,
degree: «music»,
instrument: «flute»
}

console.log(objA);

Наш код объявляет объект с именем objA. Затем мы выводим значение объекта на консоль. Наш код возвращает:

{ degree: «music», instrument: «flute», name: «christina» }

Мы можем видеть значения в нашем объекте.

Используйте JSON.stringify ()

Метод JSON.stringify () преобразует объект JavaScript в строку. Затем мы можем манипулировать этой строкой.

Итак, мы можем использовать JSON.stringify () для преобразования объекта в строку. Затем мы могли бы использовать alert (), чтобы отобразить значение строки для пользователя:

let objA = {
name: «christina»,
degree: «music»,
instrument: «flute»
}

alert(JSON.stringify(objA));

Как и в нашем последнем примере, мы определили объект с именем objA. Затем мы используем метод JSON.stringify () для преобразования объекта в строку. Затем мы используем alert, чтобы отобразить значение строки в консоли.

Наш код открывает окно подсказки со следующим содержанием:

{«name»:»christina»,»degree»:»music»,»instrument»:»flute»}

Используйте for… in Loop

Цикл JavaScript for… in позволяет нам перебирать содержимое объекта. Мы можем использовать этот цикл для вывода каждой отдельной пары ключ-значение.

Рассмотрим следующий код:

let objA = {
name: «christina»,
degree: «music»,
instrument: «flute»
}

for(let key in objA) {
console.log(key + «:», objA[key]);
}

Мы объявили объект JSON под названием objA, как и в последних двух примерах. Затем мы используем цикл for… in для перебора содержимого этого объекта. Значение «ключа» представляет каждый ключ.

Мы используем значение «ключа» для доступа к ключу и objA [ключ] для доступа к значению, связанному с этим ключом. Наш код возвращает:

«name:christina»
«degree:music»
«instrument:flute»

Мы используем конкатенацию строк, чтобы добавить двоеточие (:) между каждым ключом и значением. Это позволяет нам разделить ключи и значения, чтобы они были более читаемы в выводе нашего кода.

Заключение

JavaScript [объект Object] — это строковое представление объекта. Чтобы увидеть содержимое объекта, вы должны вывести его на консоль с помощью console.log () или преобразовать объект в строку. Или вы можете использовать цикл for… in для перебора объекта и просмотра его содержимого.

Вы хотите узнать больше о JavaScript? Ознакомьтесь с нашим полным руководством «Как изучить JavaScript», чтобы узнать о лучших учебных ресурсах и онлайн-курсах.

ЧИТАЙТЕ ТАКЖЕ: Методы jQuery: removeClass ().