Об'єкти, масиви, формат JSON в JavaScript

JavaScript - типізація

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

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

Типи в JavaScript

Simple (primitive) types

Сomplex (reference) data type

Undefined,
Null,
Boolean,
Number,

Всього 6 типів

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

Об'єкти

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

Об'єкт в JavaScript

Об'єкт –
це сутність в пам'яті

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

Object

Native reference types

Object,
Array,
Date,
RegExp,
…

OBJECT TYPE

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

OBJECT TYPE

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

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

var person = {
name

{ expression context }

{
key1: value1,
key2: value2
}

Доступ до полів об'єкта

1) dot notation
person.name = ‘Anton’;
2) bracket notation
person[‘name’] =

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

var person = new Object();
person.name

Constructor

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

Constructor - Приклад

function Person(name, age){
this.name = name;
this.age = age;
}

Видалення полів об’єкту - delete

delete object.property
delete object[property]

Secret Linkage

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

for … in loop

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

Object.keys(obj)

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

Властивості Object

toLocaleString()
toString()
valueOf()
constructor
hasOwnProperty(propertyName)
isPrototypeOf(object)
propertyIsEnumerable(propertyName)

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

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

Завдання

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

Завдання

Написати функцію, що імплементує функціональність 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,

Синтаксис створення масиву

1) Array конструктор:
var arrayName = new Array();
var arrayName =

Доступ до комірок масиву

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

Розмір масиву

arrayName.length; // get number of items
arrayName.length = numberOfItems // set
Приклад:
var

Максимальна кількість комірок

4 294 967 295

Arrays

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

Перевірка чи змінна є масивом

if (value instanceof Array){
//do something on

Методи конвертації

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

Методи маніпуляції

var colors = [“red”, “green”, “blue”];
var colors2 = colors.concat(“yellow”, [“black”,

Методи маніпуляції

var colors = [“red”, “green”, “blue”, “yellow”, “purple”];
var colors2 =

Методи маніпуляції (!= delete)

var colors = [“red”, “green”, “blue”];
var removed =

Визначення позиції елемента

var numbers = [1,2,3,4,5,4,3,2,1];
alert(numbers.indexOf(4)); //3
alert(numbers.lastIndexOf(4)); //5

Методи перебору елементів

every()
filter()
forEach()
map()
some()

Reduction methods

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

Завдання

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

JSON - JavaScript Object Notation
Легковісний, текстовий, незалежний від мови формат обміну

JSON – формат даних

JSON – це не мова програмування.
JSON – це

JSON is all about representing

Приклад

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

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

Simple Values: Strings,

JSON не підтримує

Undefined
Змінні
Функції

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

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

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

Objects:
Назви властивостей в лапках:
{
“name”: “Nicholas”,
“age”: 29
}

Парсинг JSON в порівнянні з XML

JSON

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

XML

Парситься

JSON – натівний глобальний об'єкт

Об'єкт для роботи з даними у

JSON. stringify(data, filter, separator)

Без параметрів

 var book = { title: "Professional JavaScript",

JSON. stringify(data, filter, separator)

2. 1 Filter: array | function
var jsonText =

JSON. stringify(data, filter, separator)

2.2 Filter: array | function
var jsonText = JSON.stringify(book,

JSON. stringify(data, filter, separator)

3. Separator: number | string
var jsonText = JSON.stringify(book,

JSON. stringify(data, filter, separator)

3. Separator: number | string
var jsonText = JSON.stringify(book,

toJSON()

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

JSON.parse(jsonText, reviver)

var bookCopy = JSON.parse(jsonText);

JSON.parse(jsonText, reviver)

Reviver: function
var book = { "title": "Professional JavaScript", "authors": [

JSON.parse(jsonText, reviver)

Reviver: function
var bookCopy = JSON.parse(jsonText, function (key, value) { if

Завдання

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

ПИТАННЯ?