Objekty zobrazení JavaScriptu
Jak zobrazit objekty JavaScriptu?
Zobrazení objektu JavaScriptu vypíše [object Object] .
Příklad
const person = {
name: "John",
age: 30,
city: "New York"
};
document.getElementById("demo").innerHTML = person;
Některá běžná řešení pro zobrazení objektů JavaScriptu jsou:
- Zobrazení vlastností objektu podle názvu
- Zobrazení vlastností objektu ve smyčce
- Zobrazení objektu pomocí Object.values()
- Zobrazení objektu pomocí JSON.stringify()
Zobrazení vlastností objektu
Vlastnosti objektu lze zobrazit jako řetězec:
Příklad
const person = {
name: "John",
age: 30,
city: "New York"
};
document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;
Zobrazení objektu ve smyčce
Vlastnosti objektu lze shromažďovat ve smyčce:
Příklad
const person = {
name: "John",
age: 30,
city: "New York"
};
let txt = "";
for (let x in person) {
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;
Ve smyčce musíte použít osobu[x] .
person.x nebude fungovat (protože x je proměnná).
Použití Object.values()
Jakýkoli objekt JavaScriptu lze převést na pole pomocí Object.values()
:
const person = {
name: "John",
age: 30,
city: "New York"
};
const myArray = Object.values(person);
myArray
je nyní pole JavaScriptu, připravené k zobrazení:
Příklad
const person = {
name: "John",
age: 30,
city: "New York"
};
const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;
Object.values()
je podporován ve všech hlavních prohlížečích od roku 2016.
54 (2016) | 14 (2016) | 47 (2016) | 10 (2016) | 41 (2016) |
Použití JSON.stringify()
Jakýkoli objekt JavaScriptu lze stringifikovat (převést na řetězec) pomocí funkce JavaScript
JSON.stringify()
:
const person = {
name: "John",
age: 30,
city: "New York"
};
let myString = JSON.stringify(person);
myString
je nyní řetězec JavaScriptu, připravený k zobrazení:
Příklad
const person = {
name: "John",
age: 30,
city: "New York"
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Výsledkem bude řetězec za zápisem JSON:
{"name":"John","age":50,"city":"New York"}
JSON.stringify()
je součástí JavaScriptu a je podporován ve všech hlavních prohlížečích.
Stringify Dates
JSON.stringify
převádí data na řetězce:
Příklad
const person = {
name: "John",
today: new Date()
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Funkce stringifikace
JSON.stringify
nebude stringovat funkce:
Příklad
const person = {
name: "John",
age: function () {return 30;}
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
To lze "opravit", pokud před stringifikací převedete funkce na řetězce.
Příklad
const person = {
name: "John",
age: function () {return 30;}
};
person.age = person.age.toString();
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Stringify Arrays
Je také možné stringifikovat pole JavaScriptu:
Příklad
const arr = ["John", "Peter", "Sally", "Jane"];
let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;
Výsledkem bude řetězec za zápisem JSON:
["John","Peter","Sally","Jane"]