JSONin muuntaminen JavaScriptin tietorakenteeksi

JSON.parse -metodilla voidaan muuntaa JSON JavaScriptin tietorakenteeksi. Katsotaan tätä esimerkin avulla.

Oletetaan, että meillä on merkkijono, joka sisältää taulukon JSON-muodossa:

javascriptlet json = '[1, 2, 3, 4, 5, "a", "b"]';

Muunnetaan merkkijonomme taulukoksi:

javascriptlet arr = JSON.parse(json);

Jos merkkijono sisältää virheellisen JSON:in, metodi antaa virheen:

javascriptlet json = '[1, 2, 3, 4, 5,]'; // virheellinen JSON
let arr = JSON.parse(json);    // antaa virheen

Задание 1

Annettu on JSON-muotoinen merkkijono, joka sisältää taulukon numereilla:

javascriptlet json = '[1,2,3,4,5]';

Muunna tämä merkkijono oikeaksi JavaScript-taulukoksi ja laske taulukon numeroiden summa.

Задание 2

Annettu on JSON-muotoinen merkkijono, joka sisältää objektin tiedoilla:

javascriptlet json = `{
  "data1": [1,2,3],
  "data2": [4,5,6],
  "data3": [7,8,9]
}`;

Laske esitettyjen tietojen numeroiden summa.

Задание 3

Annettu on JSON-muotoinen merkkijono, joka sisältää käyttäjien nimet:

javascriptlet json = '["user1","user2","user3","user4","user5"]';

Näytä nämä nimet listana ul.

Задание 4

Annettu on JSON-muotoinen merkkijono, joka sisältää taulukon työntekijöiden tiedoista:

javascriptlet json = `[
  {
    "name": "user1",
    "age": 25,
    "salary": 1000
  },
  {
    "name": "user2",
    "age": 26,
    "salary": 2000
  },
  {
    "name": "user3",
    "age": 27,
    "salary": 3000
  }
]`;

Näytä nämä työntekijät näytöllä HTML-taulukkona.