Szybki trening JavaScript

Map i Set

Czy potrzebne są słowniki w JavaScript?

                
                    var obj = new Object();
                    obj.a = 1;
                    obj.b = 2;
                    obj[0] = 3;
                    console.log(obj['a']);
                    console.log(obj['b']);
                    console.log(obj[0]);

💡 Co pojawi się w konsoli ?

Czy potrzebne są słowniki w JavaScript?

                
                    var obj = new Object();
                    obj.a = 1;
                    obj.b = 2;
                    obj[0] = 3;
                    console.log(obj['a']);
                    console.log(obj['b']);
                    console.log(obj[0]);

💡 Co pojawi się w konsoli ?

                    
                        1,2,3

Czy potrzebne są słowniki w JavaScript? 2

                
                    var obj = new Object();
                    var objKey = ({id:1});
                    obj[objKey] = 4;
                    console.log(obj[objKey]);
                    console.log(Object.getOwnPropertyNames(obj));

💡 Co pojawi się w konsoli ?

Czy potrzebne są słowniki w JavaScript? 2

                
                    var obj = new Object();
                    var objKey = ({id:1});
                    obj[objKey] = 4;
                    console.log(obj[objKey]);
                    console.log(Object.getOwnPropertyNames(obj));

💡 Co pojawi się w konsoli ?

                    
                        4, ["[object Object]"]

Czy potrzebne są słowniki w JavaScript? 3

                
                    var obj = new Object();
                    var objKey1 = ({id:1});
                    var objKey2 = ({id:2});
                    var objKey3 = ({id:3});
                    obj[objKey1] = 4;
                    obj[objKey2] = 5;
                    obj[objKey3] = 6;
                    console.log(obj[objKey1]);
                    console.log(Object.getOwnPropertyNames(obj));

💡 Co pojawi się w konsoli ?

Czy potrzebne są słowniki w JavaScript? 3

                
                    var obj = new Object();
                    var objKey1 = ({id:1});
                    var objKey2 = ({id:2});
                    var objKey3 = ({id:3});
                    obj[objKey1] = 4;
                    obj[objKey2] = 5;
                    obj[objKey3] = 6;
                    console.log(obj[objKey1]);
                    console.log(Object.getOwnPropertyNames(obj));

💡 Co pojawi się w konsoli ?

                    
                        6, ["[object Object]"]

Czy potrzebne są słowniki w JavaScript? 2

                
                    var obj = new Object();
                    var objKey1 = ({id:1});
                    var objKey2 = ({id:2});
                    var objKey3 = ({id:3});
                    obj[objKey1] = 4;
                    obj[objKey2] = 5;
                    obj[objKey3] = 6;
                    console.log(obj[objKey1]);
                    console.log(Object.getOwnPropertyNames(obj));

💡 Co pojawi się w konsoli ?

Czy potrzebne są słowniki w JavaScript? 2

                
                    var obj = new Object();
                    var objKey1 = ({id:1});
                    var objKey2 = ({id:2});
                    var objKey3 = ({id:3});
                    obj[objKey1] = 4;
                    obj[objKey2] = 5;
                    obj[objKey3] = 6;
                    console.log(obj[objKey1]);
                    console.log(Object.getOwnPropertyNames(obj));

💡 Co pojawi się w konsoli ?

                    
                        6,["[object Object]"]

Obiekty w JavaScript nie przyjmą obiektów jako kluczy

Map i WeakMap

Map : 01

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let users = new Map();
                    
                    users.set(user1, "Programista");
                    users.set(user2,"HR");
                    
                    console.log(users.get(user1));

💡 Co pojawi się w konsoli ?

Map : 01

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let users = new Map();
                    
                    users.set(user1, "Programista");
                    users.set(user2,"HR");
                    
                    console.log(users.get(user1));

💡 Co pojawi się w konsoli ?

                    
                        Programista

Map : 03

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let users = new Map();
                    
                    users.set(user1, "Programista");
                    users.set(user2),"HR";
                    
                    users.delete(user1);
                    console.log(users.size);

💡 Co pojawi się w konsoli ?

Map : 03

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let users = new Map();
                    
                    users.set(user1, "Programista");
                    users.set(user2),"HR";
                    
                    users.delete(user1);
                    console.log(users.size);

💡 Co pojawi się w konsoli ?

Map : 04

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new Map(arr);
                    console.log(users.size);

💡 Co pojawi się w konsoli ?

Map : 04

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new Map(arr);
                    console.log(users.size);

💡 Co pojawi się w konsoli ?

Map : 05

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new Map(arr);
                    let list = [...users.values()];
                    console.log(list);

💡 Co pojawi się w konsoli ?

Map : 05

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new Map(arr);
                    let list = [...users.values()];
                    console.log(list);

💡 Co pojawi się w konsoli ?

                    
                        ["Programista","HR"]

Map : 06

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new Map(arr);
                    let list = [...users.entries()];
                    console.log(list[0][1]);
                    console.log(list[1][0]);

💡 Co pojawi się w konsoli ?

Map : 06

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new Map(arr);
                    let list = [...users.entries()];
                    console.log(list[0][1]);
                    console.log(list[1][0]);

💡 Co pojawi się w konsoli ?

                    
                        "Programista",{name : "Kasia"}

Map : 07

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new Map(arr);
                    user1 = null;
                    user2 = null;
                    
                    console.log(users.size);

💡 Co pojawi się w konsoli ?

Map : 07

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new Map(arr);
                    user1 = null;
                    user2 = null;
                    
                    console.log(users.size);

💡 Co pojawi się w konsoli ?

Map : 07

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new WeakMap(arr);
                    user1 = null;
                    user2 = null;
                    
                    console.log(users.size);

💡 Co pojawi się w konsoli ?

Map : 07

                
                    let user1 = {name : "Cezary"};
                    let user2 = {name : "Kasia"};
                    
                    let arr = [
                        [user1,"Programista"],
                        [user2,"HR"]
                    ];
                    
                    let users = new WeakMap(arr);
                    user1 = null;
                    user2 = null;
                    
                    console.log(users.size);

💡 Co pojawi się w konsoli ?

                    
                        undefined

Set i WeakSet

Set : 01

                
                    let games = new Set();

                    games.add('Doman');
                    games.add('Franko');
                    games.add('Mentor');
                    
                    console.log(games.size);

💡 Co pojawi się w konsoli ?

Set : 01

                
                    let games = new Set();

                    games.add('Doman');
                    games.add('Franko');
                    games.add('Mentor');
                    
                    console.log(games.size);

💡 Co pojawi się w konsoli ?

Set : 02

                
                    let games = new Set();

                    games.add('Doman');
                    games.add('Franko');
                    games.add('Doman');
                    
                    console.log(games.size);

💡 Co pojawi się w konsoli ?

Set : 02

                
                    let games = new Set();

                    games.add('Doman');
                    games.add('Franko');
                    games.add('Doman');
                    
                    console.log(games.size);

💡 Co pojawi się w konsoli ?

Set : 03

                
                    let games = new Set([
                    'Doman',
                    'Franko',
                    'Misja Harolda'
                   ]);
                   
                   console.log(games.size);

💡 Co pojawi się w konsoli ?

Set : 03

                
                    let games = new Set([
                    'Doman',
                    'Franko',
                    'Misja Harolda'
                   ]);
                   
                   console.log(games.size);

💡 Co pojawi się w konsoli ?

Set : 04

                
                    let games = new Set([
                    'Doman',
                    'Franko',
                    'Misja Harolda'
                   ]);
                   
                   console.log(games.has('Doman'));
                   console.log(games.has('Mentor'));

💡 Co pojawi się w konsoli ?

Set : 04

                
                    let games = new Set([
                    'Doman',
                    'Franko',
                    'Misja Harolda'
                   ]);
                   
                   console.log(games.has('Doman'));
                   console.log(games.has('Mentor'));

💡 Co pojawi się w konsoli ?

                    
                        true,false

Set : 06

                
                    let posts = new Set([
                    {id :605},
                    {id :605},   
                    {id :605},
                ]);
                console.log(posts.size);

💡 Co pojawi się w konsoli ?

Set : 06

                
                    let posts = new Set([
                    {id :605},
                    {id :605},   
                    {id :605},
                ]);
                console.log(posts.size);

💡 Co pojawi się w konsoli ?

Set : 07

                
                let posts = new Set([
                    0,
                    '0',   
                    false,
                ]);
                
                console.log(posts.size);

💡 Co pojawi się w konsoli ?

Set : 07

                
                let posts = new Set([
                    0,
                    '0',   
                    false,
                ]);

                console.log(posts.size);

💡 Co pojawi się w konsoli ?

Set : 08

                
                    let games = new WeakSet([
                    'Franko',
                    'Misja Harolda'
                   ]);
                   
                   console.log(games.size);

💡 Co pojawi się w konsoli ?

Set : 08

                
                    let games = new WeakSet([
                    'Franko',
                    'Misja Harolda'
                   ]);
                   
                   console.log(games.size);

💡 Co pojawi się w konsoli ?

                    
                        undefined

Set : 09

                
                    let p1 = {name:'Doman'};
                    let p2 = {name:'Franko');
                    
                    let games = new WeakSet([p1,p2]);
                    
                    console.log(games.has(p1));

💡 Co pojawi się w konsoli ?

Set : 09

                
                    let p1 = {name:'Doman'};
                    let p2 = {name:'Franko');
                    
                    let games = new WeakSet([p1,p2]);
                    
                    console.log(games.has(p1));

💡 Co pojawi się w konsoli ?

                    
                        true

Set : 10

                
                    let p1 = {name:'Doman'};
                    let p2 = {name:'Franko');
                    
                    let games = new WeakSet([p1,p2]);
                    
                    p1 = null;
                    console.log(games.has(p1));

💡 Co pojawi się w konsoli ?

Set : 10

                
                    let p1 = {name:'Doman'};
                    let p2 = {name:'Franko'};
                    
                    let games = new WeakSet([p1,p2]);
                    
                    p1 = null;
                    console.log(games.has(p1));

💡 Co pojawi się w konsoli ?

                    
                        false

1. Idziemy dalej do tablic

2. Idziemy dalej do Modułów

3. Idziemy dalej do Klas

4. Idziemy dalej do Map,Set

5. Extensions

6. Symbols

7. Object Extensions

8. Iteratory

0. Początek