Novi tipovi podataka Map, Set & Symbol

Posted on 22/01/2018 at 09:25.Written by Dragoljub Živanović

Symbol

Karakteristike

Symbol je novi tip podataka koji je došao sa ES2015 standardom. Symbol predstavlja jedinstveni token. Simbol se kreira koristeći funkciju Symbol().

noviSymbol1 = Symbol();
noviSymbol2 = Symbol();
noviSymbol1 == noviSymbol2; // Vraća false

noviSymbol1 = Symbol();

noviSymbol2 = Symbol();

noviSymbol1 == noviSymbol2; // Vraća false

Symbol može biti kreiran i sa label-om, koji mu se prosledi kao string. Taj label ne utiče na vrednost symbola, ali je koristan pri debagovanju i može da prikaže koristeći metod toString() nad symbol-om.

let nekiSymbol = Symbol('nekiLabel');
console.log(nekiSimbol);     // Vraća: Symbol('nekiLabel')

1 2	let nekiSymbol = Symbol('nekiLabel'); console.log(nekiSimbol); // Vraća: Symbol('nekiLabel')

Namena: Ključ svojstva objekta

Uglavnom se “symbol” koristi kao ključ svojstva objekta, kada želimo da zaštitimo to svojstvo. Kada se koristi “symbol” kao ključ svojstva objekta, potrebno je da se koriste uglaste zagrade za pristup svojstvu (tzv. “bracket notation”). Takva svojstvo imaju sledeće karakteristike:

Jedinstveno svojstvo
Svojstvo ne može da se nabraja (eng. enumerated) kroz “for…in” petlju
Svosjtvo ignorišu metode: Object.keys(), Object.getOwnPropertyNames() i JSON.stringify()

let user = {};
let email = Symbol();

user.name = 'Dragoljub';
user.age = 44;
user[email] = 'nekimail@example.com';

Object.keys(user);                  // Vraća: Array [ "name", "age" ]
Object.getOwnPropertyNames(user);   // Vraća: Array [ "name", "age" ]
JSON.stringify(user);               // Vraća: "{"name":"Dragoljub","age":44}"

let user = {};

let email = Symbol();

user.name = 'Dragoljub';

user.age = 44;

user[email] = '[email protected]';

Object.keys(user); // Vraća: Array [ "name", "age" ]

Object.getOwnPropertyNames(user); // Vraća: Array [ "name", "age" ]

JSON.stringify(user); // Vraća: "{"name":"Dragoljub","age":44}"

Treba napomenuti da privatnost ovoga svojstva nije 100%, jer ipak postoji način za pristup svojstvu preko metoda “.getOwnPropertySymbols()” i .ownKeys():

Object.getOwnPropertySymbols(user);     // Vraća: Array [ Symbol() ]
Reflect.ownKeys(user)                   // Vraća: Array [ "name", "age", Symbol() ]

1 2	Object.getOwnPropertySymbols(user); // Vraća: Array [ Symbol() ] Reflect.ownKeys(user) // Vraća: Array [ "name", "age", Symbol() ]

Petlje i iteracije u JavaScript-u

Posted on 25/03/2017 at 00:48.Written by Dragoljub Živanović

Standardne petlje

petlja

Često se javlja potreba da se unutar programa neke linije koda izvršavaju više puta. Ovaj način izvršavanja se ostvaraju pomoću odgovarajućih upravljačkih struktura. Petlje i iteracije su osnovni gradivni element svakog programa. Standardne petlje se javljaju manje više u istom obliku u skoro svim programskim jezicima. Najkorišćenija je “for petlja”. Posebnu pažnju treba obratiti na while petlje jer postoji mogućnost da petlja usled lošeg izbora uslova postane beskonačna.

“while” petlja

While izraz se izvršava sve dok je uslov TRUE, a ukoliko nije onda se izlazi iz petlje. Ovaj tip petlje se najčešće koristi kada se ne zna tačan broj izvšenja petlje. U slučaju da uslov na samom početku nije ispunjen, petlja se ne izvršava ni jednom. Pre ulaska u petlju vrši se inicijalizacija promenljivih koje će biti korišćene bilo u uslovu, bilo u telu petlje. U telu petlje se nalazu kod koji formira uslov za ostanak u petlji.

while ([uslov]) {
  izraz za izvršenje ako je uslov TRUE
}

while ([uslov]) {

izraz za izvršenje ako je uslov TRUE

}

Ovaj tip je nazvan “pre-test loop” jer se uslov izvršava pre bloka sa izrazom.

var n = 0;
var x = 0;
while (n < 3) {
  n++;
  x += n;
}
alert ("Ukupan zbir niza je " + x)

var n = 0;

var x = 0;

while (n < 3) {

n++;

x += n;

}

alert ("Ukupan zbir niza je " + x)

Metode za rad sa nizovima

Posted on 04/01/2017 at 01:36.Written by Dragoljub Živanović

Array.from()

Korišćenjem metode “from()” možemo od “array-like” ili “iterable” napraviti niz:

// String u niz
Array.from('foo'); //Vraća: ["f", "o", "o"]

// Set u niz
var s = new Set(['foo', window]);
Array.from(s); // Vraća: ["foo", window]

// Map u niz
var m = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(m); // Vraća: [[1, 2], [2, 4], [4, 8]]

// Array like u niz
function f() {
  return Array.from(arguments);
}
f(1, 2, 3);  // Vraća: [1, 2, 3]

// String u niz

Array.from('foo'); //Vraća: ["f", "o", "o"]

// Set u niz

var s = new Set(['foo', window]);

Array.from(s); // Vraća: ["foo", window]

// Map u niz

var m = new Map([[1, 2], [2, 4], [4, 8]]);

Array.from(m); // Vraća: [[1, 2], [2, 4], [4, 8]]

// Array like u niz

function f() {

return Array.from(arguments);

}

f(1, 2, 3); // Vraća: [1, 2, 3]