Powrót

Tablice

Tworzenie tablic, właściwość length, metody: push(), unshift(), shift(), pop()

1. Tworzenie tablic, właściwość length, wypisywanie elementów z tablicy

                

                    <script>
                    //Tworzenie tablicy - wariant 1
                    var tablica1 = ["banany", 123, true, "234"];
                    var tablica2 = [2, 123, 44, 45, 88];

                    //wypisanie pojedyńczego elementu
                    document.write(tablica1[0]+", ")
            
                    //Długość tablicy - właściwość length
                    //Podobnie jak w łańcuchach znaków każda tablica posiada właściwość length,
                    //która zawiera liczbę elementów tablicy

                    var dl = tablica2.length;
                    console.log(dl);

                    //wypisanie wszystkich elementów tablicy za pomocą petli for
                    for(var i=0; i<=dl; i++){
                        document.write(tablica1[i]+", ")
                    }
            
                    //wypisanie wszystkich elementów tablicy za pomocą petli while
                    var a=0;
                    while(a<dl){
                        document.write(tablica2[a]+",");
                        a++;
                    }
            
                    //Tworzenie tablicy - wariant 2
                    var tablica3 = [];
            
                    tablica3[0] = "banany";
                    tablica3[1] = 123;
                    tablica3[2] = true;
                    tablica3[3] = "234";
            
                    //Tworzenie tablicy - wariant 3
                    tablica4 = new Array("banany", 123, true, "234")
              
                    </script>
                
     
            

Metody JAVASCRIPT dla tablic: push(), unshift(), shift(), pop()

                
                    var auta = ["audi", "bmw", "citroen", "fiat", "honda", "isuzu"];

                   
                    //Metody push() i unshift() - dodawanie elementów
                    //na końcu tablicy
                    auta.push("seat");
                    auta.push("opel"); 

                    //na początku tablicy (uwaga! zmiana numeracji indeksów)
                    auta.unshift("skoda");
                    auta.unshift("volvo");


                    //Metody pop() i  shift() - usuwanie el. z tablicy
                    //usuwanie ostatniego elementu
                    auta.pop();

                    //usuwanie pierwszego elementu
                    auta.shift();

                    //metody shift(), pop() zwracaja wartości usuwanych elementów np.
                    var a = auta.shift();
                    console.log(a)


                

            

Zobacz równieżTablice w JS (plik *.pdf) Zadanie: Tablice w JS (zadanie - plik *.zip)