Szybki trening JavaScript

Tablice

                
                    let bills = Array(200000);
                    console.log(bills.length);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = Array(200000);
                    console.log(bills.length);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = Array.of(200000);
                    console.log(bills.length);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = Array.of(200000);
                    console.log(bills.length);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    let newbills = Array.from(bills, v => v*1.2);

                    console.log(newbills);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    let newbills = Array.from(bills, v => v*1.2);

                    console.log(newbills);

💡 Co pojawi się w konsoli ?

                    
                        [600, 300, 60, 72]

Tablice

                
                    let bills = [500,250,50,60];

                    let newbills2 = Array.from(bills,function(v) {
                    
                        return v + this.addmore;
                    }, {addmore:30});

                    console.log(newbills2);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    let newbills2 = Array.from(bills,function(v) {
                    
                        return v + this.addmore;
                    }, {addmore:30});

                    console.log(newbills2);

💡 Co pojawi się w konsoli ?

                    
                        [530, 280, 80, 90]

Tablice

                
                    let bills = [500,250,50,60];

                    let newbills2 = Array.from(bills,v => v+this.addmore, 
                    {addmore:30});

                    console.log(newbills2);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    let newbills2 = Array.from(bills,v => v+this.addmore, 
                    {addmore:30});

                    console.log(newbills2);

💡 Co pojawi się w konsoli ?

                    
                         [NaN, NaN, NaN, NaN]

Tablice

                
                    let bills = [500,250,50,60];

                    bills.fill(100);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    bills.fill(100);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

                    
                         [100, 100, 100, 100]

Tablice

                
                    let bills = [500,250,50,60];

                    bills.fill(100,2);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    bills.fill(100,2);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

                    
                         [500, 250, 100, 100]

Tablice

                
                    let bills = [500,250,50,60];

                    bills.fill(100,2,3);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    bills.fill(100,2,3);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

                    
                         [500,250,100,60]

Tablice

                
                    let bills = [500,250,50,60];

                    bills.fill(100,2,3);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    bills.fill(100,-3);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

                    
                         [500, 100, 100, 100]

Tablice

                
                    let bills = [500,250,50,60];

                    let result = bills.find(value => value >=250);
                    console.log(result);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    let result = bills.find(value => value >=250);
                    console.log(result);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    let result = bills.findIndex(function (value, index, array)
                    {
                        return value == this;
                    }, 50);
                    
                    console.log(result);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    let result = bills.findIndex(function (value, index, array)
                    {
                        return value == this;
                    }, 50);
                    
                    console.log(result);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    bills.copyWithin(2,0);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let bills = [500,250,50,60];

                    bills.copyWithin(2,0);
                    console.log(bills);

💡 Co pojawi się w konsoli ?

                    
                         [500, 250, 500, 250]

Tablice

                
                    let numbers = [0,1,2,3,4,5,6,7];
                    numbers.copyWithin(3,0);
                    console.log(numbers);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let numbers = [0,1,2,3,4,5,6,7];
                    numbers.copyWithin(3,0);
                    console.log(numbers);

💡 Co pojawi się w konsoli ?

                    
                         [0, 1, 2, 0, 1, 2, 3, 4]

Tablice

                
                    let numbers = [0,1,2,3,4,5,6,7];
                    numbers.copyWithin(3,0,2);
                    console.log(numbers);

💡 Co pojawi się w konsoli ?

Tablice

                
                    let numbers = [0,1,2,3,4,5,6,7];
                    numbers.copyWithin(3,0,2);
                    console.log(numbers);

💡 Co pojawi się w konsoli ?

                    
                         [0, 1, 2, 0, 1, 5, 6, 7]

Tablice

                
                    let names = ['Mortal Kombat','Dune 2','Settlers'];
                    console.log(...names.entries());
                    
                    //to samo
                    for (let e of names.entries()) {
                      console.log(e);
                    }

💡 Co pojawi się w konsoli ?

Tablice

                
                    let names = ['Mortal Kombat','Dune 2','Settlers'];
                    console.log(...names.entries());
                    
                    //to samo
                    for (let e of names.entries()) {
                      console.log(e);
                    }

💡 Co pojawi się w konsoli ?

                    
                         [0, "Mortal Kombat"] , [1, "Dune 2"] , [2, "Settlers"]

Tablice

                
                    let names = ['Mortal Kombat','Dune 2','Settlers'];
                    console.log(...names.keys());

💡 Co pojawi się w konsoli ?

Tablice

                
                    let names = ['Mortal Kombat','Dune 2','Settlers'];
                    console.log(...names.keys());

💡 Co pojawi się w konsoli ?

                    
                         [1,2,3]

Tablice

                
                    let names = ['Mortal Kombat','Dune 2','Settlers'];
                    console.log(...names.values());

💡 Co pojawi się w konsoli ?

Tablice

                
                    let names = ['Mortal Kombat','Dune 2','Settlers'];
                    console.log(...names.values());

💡 Co pojawi się w konsoli ?

                    
                         ['Mortal Kombat','Dune 2','Settlers']

Tablice

                
                    var basketOfFoods = ['🍎', '🍏', '🍇', '🍌', '🥕'];

                    if (basketOfFoods.includes('🍌')) {
                      console.log('You have a banna');
                    }

💡 Co pojawi się w konsoli ?

Tablice

                
                    var basketOfFoods = ['🍎', '🍏', '🍇', '🍌', '🥕'];

                    if (basketOfFoods.includes('🍌')) {
                      console.log('You have a banana');
                    }

💡 Co pojawi się w konsoli ?

                    
                         You have a banana

Tablice

                
                    var buildingInFire = [' ', ' ',' ', '🔥', '🔥', '🔥', ' '];

                    if (buildingInFire.includes('🔥', 4)) {
                      console.log('Mam pożar na 4 piętrze lub wyżej');
                    }

💡 Co pojawi się w konsoli ?

Tablice

                
                    var buildingInFire = [' ', ' ',' ', '🔥', '🔥', '🔥', ' '];

                    if (buildingInFire.includes('🔥', 4)) {
                      console.log('Mam pożar na 4 piętrze lub wyżej');
                    }

💡 Co pojawi się w konsoli ?

                    
                         Mam pożar na 4 piętrze lub wyżej

Tablice

                
                    var basketOfFoods = 
                    [['🍎','🍎'], '🍏', ['🍇','🔥'], ['🍌'], ['🥕']];

                    var newarray = basketOfFoods.flat(1);
                    console.log(newarray);

💡 Co pojawi się w konsoli ?

Tablice

                
                    var basketOfFoods = 
                    [['🍎','🍎'], '🍏', ['🍇','🔥'], ['🍌'], ['🥕']];

                    var newarray = basketOfFoods.flat(1);
                    console.log(newarray);

💡 Co pojawi się w konsoli ?

                    
                        ["🍎", "🍎", "🍏", "🍇", "🔥", "🍌", "🥕"]

                
                    var numbers = [1, 5, 10, 15];

                    var twotimes = numbers.map(function(x) {
                        return x * 2;
                    });

                    var treetimes = numbers.map(x => x * 3);

                    var square = numbers.map(Math.sqrt);
                    
                    var wonderfull = numbers.map(function(x) {
                        return ({twotimes : x * 2,threetime: x * 3,
                                    square :Math.sqrt(x) })
                    });
                    
                    console.log(twotimes);
                    console.log(treetimes );
                    console.log(square);
                    console.log(wonderfull);

Tablice

💡 Co pojawi się w konsoli ?

                
                    var numbers = [1, 5, 10, 15];

                    var twotimes = numbers.map(function(x) {
                        return x * 2;
                    });

                    var treetimes = numbers.map(x => x * 3);

                    var square = numbers.map(Math.sqrt);
                    
                    var wonderfull = numbers.map(function(x) {
                        return ({twotimes : x * 2,threetime: x * 3,
                                    square :Math.sqrt(x) })
                    });
                    
                    console.log(twotimes);
                    console.log(treetimes );
                    console.log(square);
                    console.log(wonderfull);

Tablice

💡 Co pojawi się w konsoli ?

                
                    [2, 10, 20, 30]
                    [3, 15, 30, 45]
                    [1, 2.23606797749979, 3.1622776601683795, 3.872983346207417]
                    [{…}, {…}, {…}, {…}]

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