JSON

🎓 JSON

Формат хранения объектов JS в виде текстовой строки

Встроенный нативный объект

Имеет всего два метода:

✅ JSON.stringify ()

✅ JSON.parse ()

▼ JSON
    ► parse: ƒ parse()
    ► stringify: ƒ stringify()
      Symbol(Symbol.toStringTag): "JSON"
    ▼ __proto__:
        ► constructor: ƒ Object()
        ► hasOwnProperty: ƒ hasOwnProperty()
        ► isPrototypeOf: ƒ isPrototypeOf()
        ► propertyIsEnumerable: ƒ propertyIsEnumerable()
        ► toLocaleString: ƒ toLocaleString()
        ► toString: ƒ toString()
        ► valueOf: ƒ valueOf()
        ► __defineGetter__: ƒ __defineGetter__()
        ► __defineSetter__: ƒ __defineSetter__()
        ► __lookupGetter__: ƒ __lookupGetter__()
        ► __lookupSetter__: ƒ __lookupSetter__()
        ► get __proto__: ƒ __proto__()
        ► set __proto__: ƒ __proto__()

🎓 JSON.stringify ()

• Единственный обязательный аргумент метода - ссылка на объект ( массив )
• Возвращаемое значение - JSON-строка

☕ 1️⃣

var obj = {
   name: "sample",
   type: "figure",
   color: "green",
   size: 200,
   position: [ 250, 250 ]
}

JSON.stringify ( obj )

'{"name":"sample","type":"figure","color":"green","size":200,"position":[250,250]}'

🎓 JSON.parse ()

• Единственный обязательный аргумент метода - JSON-строка
• Возвращаемое значение - объект JS

⚠️ В строке JSON все строчные значения ( включая имена свойств ) заключаются в двойные кавычки

⚠️ Числовые и логические значения, массивы и объекты в кавычки не заключаются

☕ 2️⃣

var x = `{
    "name": "sample",
    "type": "figure",
    "attrs": {
           "color": "green",
           "size": 200,
           "position": [ 250, 250 ]
    }
}`

JSON.parse ( x )

▼ {name: "sample", type: "figure", attrs: {…}}
  ▼ attrs:
        color: "green"
      ► position: (2) [250, 250]
        size: 200
      ► __proto__: Object
    name: "sample"
    type: "figure"
  ► __proto__: Object