НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ

JS Довідник

JS за категорією JS за алфавітом

JavaScript

JS Масив JS Булеві JS Класи JS Дата JS Помилка JS Глобальні JS JSON JS Математичні JS Число JS Об’єкт JS Оператори JS Пріоритет JS Регулярні вирази
Модифікатори: g i m Групи: [abc] [^abc] [0-9] [^0-9] (x|y) Метасимволи: . \w \W \d \D \s \S \b \B \0 \n \f \r \t \v \xxx \xdd \uxxxx Квантори: + * ? {X} {X,Y} {X,} $ ^ ?= ?! Властивості: constructor global ignoreCase lastIndex multiline source Методи: compile() exec() test() toString()
JS Інструкції JS Рядки JS Типізований масив

Window

Об’єкт Window Window консоль Window Історія Window Локація Window Навігатор Window Екран

HTML DOM

HTML Документи HTML Елементи HTML Атрибути HTML Колекція HTML NodeList HTML DOMTokenList HTML Стилі
alignContent alignItems alignSelf animation animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationTimingFunction animationPlayState background backgroundAttachment backgroundClip backgroundColor backgroundImage backgroundOrigin backgroundPosition backgroundRepeat backgroundSize backfaceVisibility border borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius borderBottomStyle borderBottomWidth borderCollapse borderColor borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth borderLeft borderLeftColor borderLeftStyle borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth borderSpacing borderStyle borderTop borderTopColor borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom boxShadow boxSizing captionSide caretColor clear clip color columnCount columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columns columnSpan columnWidth counterIncrement counterReset cssFloat cursor direction display emptyCells filter flex flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap font fontFamily fontSize fontStyle fontVariant fontWeight fontSizeAdjust height isolation justifyContent left letterSpacing lineHeight listStyle listStyleImage listStylePosition listStyleType margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth objectFit objectPosition opacity order orphans outline outlineColor outlineOffset outlineStyle outlineWidth overflow overflowX overflowY padding paddingBottom paddingLeft paddingRight paddingTop pageBreakAfter pageBreakBefore pageBreakInside perspective perspectiveOrigin position quotes resize right scrollBehavior tableLayout tabSize textAlign textAlignLast textDecoration textDecorationColor textDecorationLine textDecorationStyle textIndent textOverflow textShadow textTransform top transform transformOrigin transformStyle transition transitionProperty transitionDuration transitionTimingFunction transitionDelay unicodeBidi userSelect verticalAlign visibility width wordBreak wordSpacing wordWrap widows zIndex

HTML Події

HTML Події HTML Об’єкти подій HTML Властивості події HTML Методи подій

Web API

API Консоль API Fetch API Fullscreen API Геолокація API Історія API MediaQueryList API Сховище API Валідація API Веб

HTML Об’єкти

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Інші довідники

CSSStyleDeclaration JS Перетворення


JavaScript. Уроки W3Schools для початківців українською мовою

En

JavaScript JSON Довідник


JSON (JavaScript Object Notation)

JSON – це формат для зберігання та передачі даних.

JSON — це текст, який можна транспортувати куди завгодно та читати будь-якою мовою програмування.

Об’єкти JavaScript можна перетворити на JSON, а JSON можна перетворити назад на об’єкти JavaScript.

Таким чином ми можемо працювати з даними як з об’єктами JavaScript без складного аналізу чи перекладу.

Приклад

Надсилання JSON:

// a JavaScript об’єкт...:
var myObj = { "name":"John", "age":31, "city":"New York" };

// ...перетворено в JSON:
var myJSON = JSON.stringify(myObj);

// надіслати JSON:
window.location = "demo_json.html?x=" + myJSON;
Спробуйте самі »

Щоб дізнатися більше про JSON, прочитайте JSON Підручник на нашому сайті W3Schools українською.


JSON Методи

Метод Опис
parse() Розбирає рядок JSON і повертає об’єкт JavaScript
stringify() Перетворення об’єкта JavaScript на рядок JSON

Дійсні типи даних

У JSON значення мають бути одним із наведених нижче типів даних:

  • рядок
  • число
  • об’єкт (що містить дійсні значення JSON)
  • масив
  • булеве (логічне) значення
  • null

JSON значення не можуть бути одним із таких типів даних:

  • функція
  • дата
  • undefined

Більше прикладів

Приклад

Отримання JSON:

// myJSON це текст, отриманий у форматі JSON.
// Перетворення JSON на об’єкт JavaScript:
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
Спробуйте самі »

Приклад

Зберігання даних як JSON за допомогою localStorage (локального сховища)

// Зберігання даних:
myObj = { "name":"John", "age":31, "city":"New York" };
myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);

// Отримання даних:
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;
Спробуйте самі »

Дізнайтеся більше про JSON у JSON Підручнику на нашому сайті W3Schools українською.