Code Carrots

Kurs JavaScript - tablice

Gosia Ksionek

Czym jest TABLICA?

Obiekt służący do przechowywania kilku wartości.

Wartości nie muszą być tego samego typu.

Wartości w tablicy numerowane są od 0.

Tworzenie tablicy

              
                var colors;
                colors = ['white', 'black', 'red']
              
          
              
                var colors = new Array('white', 'black', 'red')

Deklarowanie, że pod daną zmienną będzie umieszczona tablica

              
                var colors;
                colors = [];
              
          
              
                var colors = new Array();

Odwoływanie się do konkretnego elementu tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                colors[0];
                colors.item(2);

Elementy tablicy numerowane są od 0.

W powyższym przykładzie pod indeksem
0 znajduje się wartość 'white'
1 wartość 'black'
2 wartość 'red'

Metody służące do operowania na tablicach

Przypisywanie wartości danemu elementowi tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                colors[3] = 'blue'
                colors
                ['white', 'black', 'red', 'blue'];

W ten sposób możemy przypisać bądź zmienić wartość konkretnemu elementowi tablicy, także temu, którego jeszcze nie ma :)

Dodawanie elementów do tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                colors.push('blue')
                colors
                ['white', 'black', 'red', 'blue'];

W ten sposób dodajemy element (jeden lub kilka) na koniec tablicy.

Dodawanie elementów do tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                colors.unshift('blue')
                colors
                ['blue','white', 'black', 'red'];

W ten sposób dodajemy element (jeden lub kilka) na początek tablicy.

Usuwanie elementów z tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                colors.pop()
                colors
                ['white', 'black'];

W ten sposób usuwamy ostatni element z końca tablicy.

Usuwanie elementów z tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                colors.shift()
                colors
                ['black', 'red'];

W ten sposób usuwamy pierwszy element z tablicy.

Dodawanie tablicy do tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                var colors2 = colors.concat(['blue', 'green'])
                colors
                ["white", "black", "red"];
                colors2
                ["white", "black", "red", "blue", "green"];

W ten sposób dodajemy dwie tablice. Concat tworzy nową tablicę!!

sortowanie tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                colors.sort()
                colors
                ["black", "red", "white"];

Odwracanie tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                colors.reverse()
                colors
                ["red", "black", "white"];

W ten sposób odwracamy tablicę.

Długość tablicy

              
                var colors;
                colors = ['white', 'black', 'red'];
                colors.length;
                3