JavaScript Отображение объекта
Как отобразить объекты JavaScript?
Отображение объекта JavaScript приведет к выводу [объект Object].
Пример
var person = {name:"John", age:30, city:"New York"};
document.getElementById("demo").innerHTML = person;
Попробуйте сами »
Вот некоторые распространенные решения для отображения объектов JavaScript:
Some common solutions to display JavaScript objects are:- Отображение свойств объекта по имени
- Отображение свойств объекта в цикле
- Отображение объекта с помощью Object.values()
- Отображение объекта с помощью JSON.stringify()
Отображение свойств объекта
Свойства объекта можно отобразить в виде строки:
Пример
var person = {name:"John", age:30, city:"New York"};
document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;
Попробуйте сами »
Отображение объекта в цикле
Свойства объекта можно собрать в цикле:
Пример
var x, txt = "";
var person = {name:"John", age:30, city:"New York"};
for (x in person) {
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;
Попробуйте сами »
Вы должны использовать в цикле person[x].
person.x person.x не будет работать (потому что x - переменная).
Использование Object.values()
Любой объект JavaScript можно преобразовать в массив, используя Object.values():
var person = {name:"John", age:30, city:"New York"};
var myArray = Object.values(person);
myArray теперь представляет собой массив JavaScript, готовый к отображению:
Пример
var person = {name:"John", age:50, city:"New York"};
var myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;
Попробуйте сами »
Object.values() поддерживается во всех основных браузерах с 2016 года.
| 54 (2016) | 14 (2016) | 47 (2016) | 10 (2016) | 41 (2016) |
Использование JSON.stringify()
Любой объект JavaScript можно преобразовать в строку (преобразовать в строку) с помощью функции JavaScript
JSON.stringify():
var person = {name:"John", age:30, city:"New York"};
var myString = JSON.stringify(person);
myString теперь является строкой JavaScript, готовой к отображению:
Пример
var person = {name:"John", age:30, city: "New York"};
var myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Попробуйте сами »
Результатом будет строка в формате JSON:
{"name":"John","age":50,"city":"New York"}
JSON.stringify() включен в JavaScript и поддерживается всеми основными браузерами.
| Yes | 8.0 | 3.5 | 4.0 | 10.5 |
Строковые даты
JSON.stringify преобразует даты в строки:
Пример
var person = {name:"John", today:new Date()};
var myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Попробуйте сами »
Строковые функции
JSON.stringify не будет связывать функции:
Пример
var person = {name:"John", age:function () {return 30;}};
var myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Попробуйте сами »
Это можно "исправить", если перед преобразованием функций в строки вы преобразовываете их в строки.
Пример
var person = {name:"John", age:function () {return 30;}};
person.age = person.age.toString();
var myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Попробуйте сами »
Строковые массивы
Также возможно структурировать массивы JavaScript:
Пример
var arr = ["John", "Peter", "Sally", "Jane"];
var myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;
Попробуйте сами »
Результатом будет строка в формате JSON:
["John","Peter","Sally","Jane"]
