Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Об'єкти, масиви, формат JSON в JavaScript

Содержание

JavaScript - типізаціяСлабо чи сильно типізований?Зі статичним чи динамічним виділенням пам’яті?
Об'єкти, масиви, формат JSON в JavaScriptАнна ШавурськаQAP INT JavaScript - типізаціяСлабо чи сильно типізований?Зі статичним чи динамічним виділенням пам’яті? На які дві групи поділяються типи в JavaScript? Типи в JavaScriptSimple (primitive) typesСomplex (reference) data typeUndefined, Null, Boolean, Number, StringObject Всього 6 типівВи не маєте можливості створювати свої типи даних.Можливо, цього замало? Об'єкти Що таке об'єкт? Об'єкт в JavaScript Об'єкт – це сутність в пам'яті що володіє станом Об'єкти – це екземпляри Object типу даних або його різновидностей.Об’єкти можуть містити ObjectNative reference typesObject,Array,Date, RegExp,… OBJECT TYPEТип, що найчастіше використовується. OBJECT TYPEЕкземпляри цього типу не мають багато функціональності, але вони ідеально підходять Створення нового об'єкту при допомозі object literal notationvar person = {	name : { expression context }{ 		key1: value1,		key2: value2} Доступ до полів об'єкта1) dot notationperson.name = ‘Anton’;2) bracket notationperson[‘name’] = ‘Anton’; Створення нового об'єкту при допомозі new Object()var person = new Object();person.name = “Anton”;person.age = “30”; ConstructorЦе функція, ціллю якої є створити новий об'єкт. Це ім'я типу об'єкта, який створюємо.Object – конструктор. Constructor - Прикладfunction Person(name, age){  this.name = name;  this.age = age;} Видалення полів об’єкту - deletedelete object.propertydelete object[property] Secret LinkageПри створенні об’єкт отримує секретне посилання на інший об’єкт (батьківський об'єкт).Якщо for … in loopfor (key in object) { 	object[key] = value; }Цикл Object.keys(obj)Повертає масив всіх злічуваних властивостей об'єкта у вигляді строк. Не включає властивості батьківських об'єктів. Властивості ObjecttoLocaleString()toString()valueOf()constructor hasOwnProperty(propertyName) isPrototypeOf(object) propertyIsEnumerable(propertyName) Качина типізація - Duck typing «If it looks like a duck, swims like a duck and quacks ЗавданняСтворити функцію, яка приймає об'єкт та пару: ключ і значення, та додає ЗавданняНаписати функцію, що імплементує функціональність Object.assign() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign МАСИВИ МасивЩо це таке? Масив в С	- це структура даних, представлена в вигляді комірок одного типу, об'єднаних під одним іменем. Масив в JavaScriptце структура даних, представлена в вигляді комірок будь-якого типу, об'єднаних під одним іменем. Приклади створення масивуvar colors = [“red”, “blue”, “green”];var promitives = [5, “Anton”, Синтаксис створення масиву1) Array конструктор:var arrayName = new Array();var arrayName = new Доступ до комірок масивуarrayName[index] = item;Приклад:colors[2] = “black”; Розмір масивуarrayName.length; // get number of itemsarrayName.length = numberOfItems // setПриклад:var colors Максимальна кількість комірок4 294 967 295 ArraysArray унаслідуваний від Object.Індекси конвертуються в рядки і використовуються для пошуку значень.Можна Перевірка чи змінна є масивомif (value instanceof Array){ 	//do something on the Методи конвертаціїtoLocaleString();toString();valueOf(); Методи стеку та чергиvar a = [2, 3, 5], item;a.push(1); Методи перестановкиvalues.sort(compare);values.reverse()function compare(value1, value2) { if (value1 < value2) { 	return -1; Методи маніпуляціїvar colors = [“red”, “green”, “blue”];var colors2 = colors.concat(“yellow”, [“black”, “brown”]);alert(colors); //red,green,blue alert(colors2);//red,green,blue,yellow,black,brown Методи маніпуляціїvar colors = [“red”, “green”, “blue”, “yellow”, “purple”];var colors2 = colors.slice(1);var Методи маніпуляції (!= delete)var colors = [“red”, “green”, “blue”];var removed = colors.splice(0,1); Визначення позиції елементаvar numbers = [1,2,3,4,5,4,3,2,1]; alert(numbers.indexOf(4)); //3alert(numbers.lastIndexOf(4)); //5 Методи перебору елементівevery()filter()forEach()map()	some() Reduction methodsvar values = [1,2,3,4,5];var sum = values		.reduce(function(prev, cur, index, array){	 		return ЗавданняСтворити третій масив з унікальних елементів, що зустрічаються хоча б в одному JSON - JavaScript Object NotationЛегковісний, текстовий, незалежний від мови формат обміну даними.			Douglas Crockford, 2006.http://json.org/ JSON – формат данихJSON – це не мова програмування.JSON – це не JSON is all about representing Приклад{   Типи даних, що можуть бути представлені в форматі JSONSimple Values: Strings, Numbers, JSON не підтримуєUndefinedЗмінніФункції Різниця з синтаксисом JavaScriptNumberBolean Різниця з синтаксисом JavaScriptObjects:Назви властивостей в лапках:{ “name”: “Nicholas”, “age”: 29} Парсинг JSON в порівнянні з XMLJSONПарситься в JavaScript об'єкт. books[2].title XMLПарситься в DOM.doc.getElementsByTagName(“book”)[2].getAttribute(“title”) JSON – натівний глобальний об'єкт Об'єкт для роботи з даними у форматі JSON.Методи:JSON. stringify(),JSON. parse(). JSON. stringify(data, filter, separator)Без параметрів var book = {   title: JSON. stringify(data, filter, separator)2. 1 Filter: array | functionvar jsonText = JSON.stringify(book, JSON. stringify(data, filter, separator)2.2 Filter: array | functionvar jsonText = JSON.stringify(book, function(key, JSON. stringify(data, filter, separator)3. Separator: number | stringvar jsonText = JSON.stringify(book, null, JSON. stringify(data, filter, separator)3. Separator: number | stringvar jsonText = JSON.stringify(book, null, toJSON() Метод для налаштування сериалізації об'єкта. var book = { JSON.parse(jsonText, reviver)var bookCopy = JSON.parse(jsonText); JSON.parse(jsonText, reviver)Reviver: functionvar book = {   JSON.parse(jsonText, reviver)Reviver: functionvar bookCopy = JSON.parse(jsonText,   function (key, value) { ЗавданняСтворити об’єкт галереї, що буде містити перелік картинок. Кожна картинка описана об’єктом: ПИТАННЯ? ЛітератураProfessional JavaScript™ for Web Developers - Nicholas C. ZakasDouglas Crockford: The JavaScript Programming Language https://www.youtube.com/watch?v=v2ifWcnQs6M&list=PL62E185BB8577B63D
Слайды презентации

Слайд 2 JavaScript - типізація
Слабо чи сильно типізований?
Зі статичним чи

JavaScript - типізаціяСлабо чи сильно типізований?Зі статичним чи динамічним виділенням пам’яті?

динамічним виділенням пам’яті?


Слайд 3
На які дві групи поділяються типи в JavaScript?

На які дві групи поділяються типи в JavaScript?

Слайд 4 Типи в JavaScript
Simple (primitive) types
Сomplex (reference) data type
Undefined,

Типи в JavaScriptSimple (primitive) typesСomplex (reference) data typeUndefined, Null, Boolean, Number, StringObject


Null,
Boolean,
Number,
String
Object


Слайд 5 Всього 6 типів
Ви не маєте можливості створювати свої

Всього 6 типівВи не маєте можливості створювати свої типи даних.Можливо, цього замало?

типи даних.


Можливо, цього замало?


Слайд 6 Об'єкти

Об'єкти

Слайд 7
Що таке об'єкт?

Що таке об'єкт?

Слайд 8 Об'єкт в JavaScript
Об'єкт –
це сутність

Об'єкт в JavaScript Об'єкт – це сутність в пам'яті що володіє

в пам'яті
що володіє станом і поведінкою
це

не впорядкований список name:value пар:
name – string
value – будь-який тип, включаючи Object


Слайд 9
Об'єкти – це екземпляри Object типу даних або

Об'єкти – це екземпляри Object типу даних або його різновидностей.Об’єкти можуть

його різновидностей.
Об’єкти можуть містити дані і методи.
Об’єкти можуть наслідуватись

від інших об’єктів.

Об'єкт в JavaScript


Слайд 10 Object
Native reference types
Object,
Array,
Date,
RegExp,


ObjectNative reference typesObject,Array,Date, RegExp,…

Слайд 11 OBJECT TYPE
Тип, що найчастіше використовується.

OBJECT TYPEТип, що найчастіше використовується.

Слайд 12 OBJECT TYPE
Екземпляри цього типу не мають багато функціональності,

OBJECT TYPEЕкземпляри цього типу не мають багато функціональності, але вони ідеально

але вони ідеально підходять для збереження і передання даних.


Слайд 13 Створення нового об'єкту при допомозі object literal notation
var

Створення нового об'єкту при допомозі object literal notationvar person = {	name

person = {
name : “Anton”,
age : 30,
sayHello: function(){
alert(“Hello world!”);
}
};


Слайд 14 { expression context }
{
key1: value1,
key2: value2
}

{ expression context }{ 		key1: value1,		key2: value2}

Слайд 15 Доступ до полів об'єкта
1) dot notation
person.name = ‘Anton’;

2)

Доступ до полів об'єкта1) dot notationperson.name = ‘Anton’;2) bracket notationperson[‘name’] = ‘Anton’;

bracket notation
person[‘name’] = ‘Anton’;


Слайд 16 Створення нового об'єкту при допомозі new Object()
var person

Створення нового об'єкту при допомозі new Object()var person = new Object();person.name = “Anton”;person.age = “30”;

= new Object();
person.name = “Anton”;
person.age = “30”;


Слайд 17 Constructor
Це функція, ціллю якої є створити новий об'єкт.

ConstructorЦе функція, ціллю якої є створити новий об'єкт. Це ім'я типу об'єкта, який створюємо.Object – конструктор.


Це ім'я типу об'єкта, який створюємо.
Object – конструктор.


Слайд 18 Constructor - Приклад
function Person(name, age){
this.name =

Constructor - Прикладfunction Person(name, age){ this.name = name; this.age = age;}

name;
this.age = age;
}


Слайд 19 Видалення полів об’єкту - delete
delete object.property

delete object[property]


Видалення полів об’єкту - deletedelete object.propertydelete object[property]

Слайд 20 Secret Linkage
При створенні об’єкт отримує секретне посилання на

Secret LinkageПри створенні об’єкт отримує секретне посилання на інший об’єкт (батьківський

інший об’єкт (батьківський об'єкт).
Якщо властивість не знайдена в самому

об’єкті, пошук автоматично буде здійснюватись в батьківському об’єкті.
За замовчуванням об’єкти отримують посилання на об’єкт типу Object.

Слайд 21 for … in loop
for (key in object) {

for … in loopfor (key in object) { 	object[key] = value;


object[key] = value;
}

Цикл по всім злічуваним властивостям об'єкта,

включаючи унаслідувані від батьківських обєктів.

Слайд 22 Object.keys(obj)
Повертає масив всіх злічуваних властивостей об'єкта у вигляді

Object.keys(obj)Повертає масив всіх злічуваних властивостей об'єкта у вигляді строк. Не включає властивості батьківських об'єктів.

строк. Не включає властивості батьківських об'єктів.


Слайд 23 Властивості Object
toLocaleString()
toString()
valueOf()
constructor
hasOwnProperty(propertyName)
isPrototypeOf(object)
propertyIsEnumerable(propertyName)

Властивості ObjecttoLocaleString()toString()valueOf()constructor hasOwnProperty(propertyName) isPrototypeOf(object) propertyIsEnumerable(propertyName)

Слайд 24 Качина типізація - Duck typing

Качина типізація - Duck typing

Слайд 25
«If it looks like a duck, swims like

«If it looks like a duck, swims like a duck and

a duck and quacks like a duck, then it

probably is a duck».

Слайд 26 Завдання
Створити функцію, яка приймає об'єкт та пару: ключ

ЗавданняСтворити функцію, яка приймає об'єкт та пару: ключ і значення, та

і значення, та додає нове поле в переданий об'єкт

(за відповідним ключем), якому буде присвоєне передане значення. Якщо в об'єкті вже було передане поле, то його не потрібно перезаписувати новим значенням.
Двома різними методами перебрати і вивести всі поля об'єкта.

Слайд 27 Завдання
Написати функцію, що імплементує функціональність Object.assign()
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

ЗавданняНаписати функцію, що імплементує функціональність Object.assign() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Слайд 28 МАСИВИ

МАСИВИ

Слайд 29 Масив
Що це таке?

МасивЩо це таке?

Слайд 30 Масив в С
- це структура даних, представлена в

Масив в С	- це структура даних, представлена в вигляді комірок одного типу, об'єднаних під одним іменем.

вигляді комірок одного типу, об'єднаних під одним іменем.


Слайд 31 Масив в JavaScript
це структура даних, представлена в вигляді

Масив в JavaScriptце структура даних, представлена в вигляді комірок будь-якого типу, об'єднаних під одним іменем.

комірок будь-якого типу, об'єднаних під одним іменем.


Слайд 32 Приклади створення масиву
var colors = [“red”, “blue”, “green”];
var

Приклади створення масивуvar colors = [“red”, “blue”, “green”];var promitives = [5,

promitives = [5, “Anton”, false];
var anything = [135,
{name:

“Anton”, age: 30},
function(){ alert(“Hello world”)}
];

Слайд 33 Синтаксис створення масиву
1) Array конструктор:
var arrayName = new

Синтаксис створення масиву1) Array конструктор:var arrayName = new Array();var arrayName =

Array();
var arrayName = new Array(numberOfItems);
var arrayName = new Array(item1,

item2, item3);

2) array literal notation
var arrayName = [];
var arrayName = [item1, item2, item3];




Слайд 34 Доступ до комірок масиву
arrayName[index] = item;

Приклад:
colors[2] = “black”;

Доступ до комірок масивуarrayName[index] = item;Приклад:colors[2] = “black”;

Слайд 35 Розмір масиву
arrayName.length; // get number of items
arrayName.length =

Розмір масивуarrayName.length; // get number of itemsarrayName.length = numberOfItems // setПриклад:var

numberOfItems // set

Приклад:
var colors = [“red”, “blue”, “green”];
colors.length

= 2;
alert(colors[2]); //undefined

Слайд 36 Максимальна кількість комірок
4 294 967 295

Максимальна кількість комірок4 294 967 295

Слайд 37 Arrays
Array унаслідуваний від Object.
Індекси конвертуються в рядки і

ArraysArray унаслідуваний від Object.Індекси конвертуються в рядки і використовуються для пошуку

використовуються для пошуку значень.
Можна створювати розріджені масиви.
Не потрібно вказувати

довжину чи тип при створенні.

Слайд 38 Перевірка чи змінна є масивом
if (value instanceof Array){

Перевірка чи змінна є масивомif (value instanceof Array){ 	//do something on

//do something on the array
}

if (Array.isArray(value)){
//do something on

the array
}

if (value.constructor === Array){
//do something on the array
}

typeof value // “object”

Слайд 39 Методи конвертації
toLocaleString();
toString();
valueOf();

Методи конвертаціїtoLocaleString();toString();valueOf();

Слайд 40 Методи стеку та черги
var a = [2, 3,

Методи стеку та чергиvar a = [2, 3, 5], item;a.push(1);

5], item;
a.push(1); // [2, 3, 5, 1]
item

= a.pop(); // [2, 3, 5]
item = a.shift(); // [3, 5]
a.unshift(6, 10); // [6, 10, 3, 5]

Слайд 41 Методи перестановки
values.sort(compare);
values.reverse()

function compare(value1, value2) {
if (value1

Методи перестановкиvalues.sort(compare);values.reverse()function compare(value1, value2) { if (value1 < value2) { 	return

value2) {
return -1;
} else if (value1 >

value2) {
return 1;
} else {
return 0;
}
}

Слайд 42 Методи маніпуляції
var colors = [“red”, “green”, “blue”];
var colors2

Методи маніпуляціїvar colors = [“red”, “green”, “blue”];var colors2 = colors.concat(“yellow”, [“black”, “brown”]);alert(colors); //red,green,blue alert(colors2);//red,green,blue,yellow,black,brown

= colors.concat(“yellow”, [“black”, “brown”]);

alert(colors); //red,green,blue
alert(colors2);
//red,green,blue,yellow,black,brown


Слайд 43 Методи маніпуляції
var colors = [“red”, “green”, “blue”, “yellow”,

Методи маніпуляціїvar colors = [“red”, “green”, “blue”, “yellow”, “purple”];var colors2 =

“purple”];
var colors2 = colors.slice(1);
var colors3 = colors.slice(1, 4);
var colors4

= colors.slice(-2, -1);

alert(colors2); //green,blue,yellow,purple
alert(colors3); //green,blue,yellow
alert(colors4); //yellow


Слайд 44 Методи маніпуляції (!= delete)
var colors = [“red”, “green”,

Методи маніпуляції (!= delete)var colors = [“red”, “green”, “blue”];var removed =

“blue”];
var removed = colors.splice(0,1); //remove the first item
alert(colors); //green,blue
alert(removed);

//red - one item array

removed = colors.splice(1, 0, “yellow”, “orange”); //insert two items at position 1
alert(colors); //green,yellow,orange,blue
alert(removed); //empty array

removed = colors.splice(1, 1, “red”, “purple”); //insert two values, remove one
alert(colors); //green,red,purple,orange,blue
alert(removed); //yellow - one item array

Слайд 45 Визначення позиції елемента
var numbers = [1,2,3,4,5,4,3,2,1];

alert(numbers.indexOf(4)); //3
alert(numbers.lastIndexOf(4));

Визначення позиції елементаvar numbers = [1,2,3,4,5,4,3,2,1]; alert(numbers.indexOf(4)); //3alert(numbers.lastIndexOf(4)); //5

Слайд 46 Методи перебору елементів
every()
filter()
forEach()
map()
some()

Методи перебору елементівevery()filter()forEach()map()	some()

Слайд 47 Reduction methods
var values = [1,2,3,4,5];
var sum = values
.reduce(function(prev,

Reduction methodsvar values = [1,2,3,4,5];var sum = values		.reduce(function(prev, cur, index, array){

cur, index, array){
return prev + cur;
});
alert(sum); //15

var values

= [1,2,3,4,5];
var sum = values
.reduceRight(function(prev, cur, index, array){
return prev + cur;
});
alert(sum); //15

Слайд 48 Завдання
Створити третій масив з унікальних елементів, що зустрічаються

ЗавданняСтворити третій масив з унікальних елементів, що зустрічаються хоча б в

хоча б в одному з двох інших масивів.
Вивести парні

числа з додатніх елементів масиву.
Вивести будь-яке повідомлення, якщо всі елементи масиву – масиви.
Вивести будь-яке повідомлення, якщо хоча б один елемент масиву дорівнює нулю.
Вивести індекс елемента масиву, значення якого = 5.
Обрахувати добуток всіх елементів масиву.
Відсортувати елементи масиву:
в алфавітному порядку,
чисельний масив, не беручи до уваги знак.



Слайд 50 JSON - JavaScript Object Notation

Легковісний, текстовий, незалежний від

JSON - JavaScript Object NotationЛегковісний, текстовий, незалежний від мови формат обміну даними.			Douglas Crockford, 2006.http://json.org/

мови формат обміну даними.
Douglas Crockford, 2006.
http://json.org/


Слайд 51 JSON – формат даних
JSON – це не мова

JSON – формат данихJSON – це не мова програмування.JSON – це

програмування.
JSON – це не частина JavaScript.
Парсери JSON існують також

в багатьох інших мовах програмування.


Слайд 52
JSON is all about representing

JSON is all about representing

Слайд 53 Приклад
{ "books": [ {

Приклад{

"title": "Professional JavaScript",

"authors": [ "Nicholas C. Zakas" ], "edition": 3, "year": 2011 }, { "title": "Professional JavaScript", "authors": [ "Nicholas C. Zakas" ], "edition": 2, "year": 2009 } ] }

Слайд 54 Типи даних, що можуть бути представлені в форматі

Типи даних, що можуть бути представлені в форматі JSONSimple Values: Strings,

JSON
Simple Values: Strings, Numbers, Booleans, null
Objects
Arrays

Для опису цих типів

даних використовується літерал, а не конструктор.

Слайд 55 JSON не підтримує
Undefined
Змінні
Функції

JSON не підтримуєUndefinedЗмінніФункції

Слайд 56 Різниця з синтаксисом JavaScript
Number
Bolean

Різниця з синтаксисом JavaScriptNumberBolean       не

не відрізняється
Null
Strings – лише “ ”, а не ‘ ’



Слайд 57 Різниця з синтаксисом JavaScript
Objects:
Назви властивостей в лапках:
{
“name”:

Різниця з синтаксисом JavaScriptObjects:Назви властивостей в лапках:{ “name”: “Nicholas”, “age”: 29}

“Nicholas”,
“age”: 29
}


Слайд 58 Парсинг JSON в порівнянні з XML
JSON
Парситься в JavaScript

Парсинг JSON в порівнянні з XMLJSONПарситься в JavaScript об'єкт. books[2].title XMLПарситься в DOM.doc.getElementsByTagName(“book”)[2].getAttribute(“title”)

об'єкт.
books[2].title
XML
Парситься в DOM.

doc.getElementsByTagName(“book”)[2].getAttribute(“title”)


Слайд 59 JSON – натівний глобальний об'єкт
Об'єкт для роботи

JSON – натівний глобальний об'єкт Об'єкт для роботи з даними у форматі JSON.Методи:JSON. stringify(),JSON. parse().

з даними у форматі JSON.
Методи:
JSON. stringify(),
JSON. parse().


Слайд 60 JSON. stringify(data, filter, separator)
Без параметрів

 var book = {

JSON. stringify(data, filter, separator)Без параметрів var book = {  title:

title: "Professional JavaScript", authors: [ "Nicholas C.

Zakas" ], edition: 3, year: 2011 }; var jsonText = JSON.stringify(book);

"{"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3,"year":2011}"

Слайд 61 JSON. stringify(data, filter, separator)
2. 1 Filter: array |

JSON. stringify(data, filter, separator)2. 1 Filter: array | functionvar jsonText =

function

var jsonText = JSON.stringify(book, ["title", "edition"]);
{ "title": "Professional

JavaScript", "edition": 3 };


Слайд 62 JSON. stringify(data, filter, separator)
2.2 Filter: array | function

var

JSON. stringify(data, filter, separator)2.2 Filter: array | functionvar jsonText = JSON.stringify(book,

jsonText = JSON.stringify(book, function(key, value){ switch(key){

case "authors": return value.join(","); case "year": return 5000; case "edition": return undefined; default: return value; } }); {"title":"Professional JavaScript","authors":"Nicholas C. Zakas","year":5000})

Слайд 63 JSON. stringify(data, filter, separator)
3. Separator: number | string

var

JSON. stringify(data, filter, separator)3. Separator: number | stringvar jsonText = JSON.stringify(book,

jsonText = JSON.stringify(book, null, 4);
{ "title": "Professional JavaScript",

"authors": [ "Nicholas C. Zakas" ], "edition": 3, "year": 2011 }


Слайд 64 JSON. stringify(data, filter, separator)
3. Separator: number | string
var

JSON. stringify(data, filter, separator)3. Separator: number | stringvar jsonText = JSON.stringify(book,

jsonText = JSON.stringify(book, null, " — -");
{ --"title": "Professional JavaScript", --"authors":

[ ----"Nicholas C. Zakas" --], --"edition": 3, --"year": 2011 }

Слайд 65 toJSON()
Метод для налаштування сериалізації об'єкта.

var book

toJSON() Метод для налаштування сериалізації об'єкта. var book = {

= { "title": "Professional JavaScript", "authors": [

"Nicholas C. Zakas" ], edition: 3, year: 2011, toJSON: function(){ return this.title; } }; var jsonText = JSON.stringify(book);

Слайд 66 JSON.parse(jsonText, reviver)
var bookCopy = JSON.parse(jsonText);

JSON.parse(jsonText, reviver)var bookCopy = JSON.parse(jsonText);

Слайд 67 JSON.parse(jsonText, reviver)
Reviver: function

var book = { "title":

JSON.parse(jsonText, reviver)Reviver: functionvar book = {

"Professional JavaScript", "authors": [ "Nicholas

C. Zakas" ], edition: 3, year: 2011, releaseDate: new Date(2011, 11, 1) }; var jsonText = JSON.stringify(book);

Слайд 68 JSON.parse(jsonText, reviver)
Reviver: function

var bookCopy = JSON.parse(jsonText, function

JSON.parse(jsonText, reviver)Reviver: functionvar bookCopy = JSON.parse(jsonText,  function (key, value) {

(key, value) { if (key ==

"releaseDate") { return new Date(value); } else { return value; } }); bookCopy.releaseDate.getFullYear();

Слайд 69 Завдання
Створити об’єкт галереї, що буде містити перелік картинок.

ЗавданняСтворити об’єкт галереї, що буде містити перелік картинок. Кожна картинка описана

Кожна картинка описана об’єктом: ім’я, шлях до картинки та

дата додавання. Серіалізувати об’єкт галереї в формат JSON такими способами (а результат вивести в консоль):
Зберегти всю інформацію.
Так, щоб зберегти лише імена картинок.
Таким чином, що якщо картинка не має імені, то не зберігати її взагалі.
Розпартиси сереалізовані об’єкти та вивести їх в консоль таким чином, щоб дата була об’єктом Date, а не строкою.
http://jsfiddle.net/AnnaShavurska/7Lnxsjzg/5/

Слайд 70 ПИТАННЯ?

ПИТАННЯ?

  • Имя файла: obєkti-masivi-format-json-v-javascript.pptx
  • Количество просмотров: 191
  • Количество скачиваний: 0