JavaScript. Введение в JSON
В данном уроке мы разберем формат данных JSON (JavaScript Object Notation). Для чего вообще нужны форматы данных? Если кратко и просто, обмениваться данными между разными языками программирования внутри приложения или даже между разными серверами. Например, скоро, мы будем получать json данные из ВК.
В JavaScript имеется встроенный объект JSON, у которого есть два метода — stringify и parse.
JSON.stringify() превращает объект в json строку. JSON.parse() наоброт парсит (разбирает) json строку в объект. Будьте аккуратные с данными, не забывайте экранировать кавычки.
JSON.stringify() превращает объект в json строку. JSON.parse() наоброт парсит (разбирает) json строку в объект. Будьте аккуратные с данными, не забывайте экранировать кавычки.
Код урока (пример JSON файла)
{"name":"Иван","age":26,"birthday":{"year":1990,"month":"июнь","day":29}}Код урока
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSON</title>
</head>
<body>
<script>
// JSON - JavaScript Object Notation
var kamil = {name: "Камиль", age:27}
// {"name":"Камиль","age":27}
console.log(kamil);
console.log(JSON.stringify(kamil));
var ivan = {
name: "Иван",
age: 26,
birthday: {
year: 1990,
month: "июнь",
day: 29
}
};
// {"name":"Иван","age":26,"birthday":{"year":1990,"month":"июнь","day":29}}
console.log(JSON.stringify(ivan));
var john = {
name: "John",
age: 26,
sayHi: function(){
console.log(this.name);
}
}
// {"name":"John","age":26}
console.log(JSON.stringify(john));
var oreilly = {
name: 'O\'Reilly'
};
console.log(JSON.stringify(oreilly));
//stringify - превращает объект в json
//parse - парсит (разбирает) json строку...
var jsonStr = '{"name":"Иван","age":26,"birthday":{"year":1990,"month":"июнь","day":29}}';
var res = JSON.parse(jsonStr);
console.log(res);
document.write(res.name + "\n\r");
document.write(res.birthday.month);
</script>
</body>
</html>
0 Комментариев