Javascript | Tablice · Technik informatyk egzamin zawodowy

Programowanie / JS

Javascript | Tablice

Tablice w JavaScript są niezwykle przydatne do przechowywania dużych ilości danych w uporządkowany sposób. Dzięki nim zamiast deklarowania wielu oddzielnych zmiennych możemy przechowywać dane w jednej strukturze i łatwo nimi zarządzać.

Podstawowa deklaracja tablicy

Tablicę możemy zadeklarować i zainicjować danymi w następujący sposób:

var tablica = ['Jeden', 'Dwa', 'Trzy'];
document.write(tablica[0]); // wypisze „Jeden”
document.write(tablica.length); // wypisze 3 (liczba elementów)

Możemy też użyć konstruktora:

var tablica = ['Jeden', 'Dwa', 'Trzy'];
document.write(tablica[0]); // wypisze „Jeden”
document.write(tablica.length); // wypisze 3 (liczba elementów)

 

Dynamiczne wypełnianie tablicy

Dane do tablicy możemy wprowadzać dynamicznie za pomocą pętli:

var tablica = new Array();

for (var i = 0; i < 20; i++) {
    tablica[i] = Math.round(Math.random() * 100);
}

for (var i = 0; i < tablica.length; i++) {
    document.write(tablica[i] + ' ');
}

 

Szukanie maksymalnej wartości w tablicy

var max = 0;
var tablica = [];

for (var i = 0; i < 20; i++) {
    tablica[i] = Math.round(Math.random() * 100);
}

for (var i = 0; i < tablica.length; i++) {
    if (tablica[i] > max) {
        max = tablica[i];
    }
}
document.write('Największa wartość w tablicy to: ' + max);

 

Przydatne metody tablic

Łączenie elementów (join)

var tablica = ['Jeden', 'Dwa', 'Trzy'];
document.write(tablica.join(', ')); // Jeden, Dwa, Trzy
document.write(tablica.join(' - ')); // Jeden - Dwa - Trzy

 

Odwracanie kolejności (reverse) oraz sortowanie (sort)

ar tablica = [3,5,8,4,2,6,1,9];

document.write(tablica.join(', ')); // 3,5,8,4,2,6,1,9
tablica.reverse();
document.write(tablica.join(', ')); // 9,1,6,2,4,8,5,3
tablica.sort();
document.write(tablica.join(', ')); // 1,2,3,4,5,6,8,9

 

Dodawanie i usuwanie elementów

  • push() – dodaje elementy na koniec tablicy

  • pop() – usuwa ostatni element

  • unshift() – dodaje elementy na początku

  • shift() – usuwa pierwszy element

  • splice() – usuwa lub dodaje elementy w określonym miejscu

var tablica = ['Jeden', 'Dwa', 'Trzy'];

tablica.push('Cztery', 'Pięć');
document.write(tablica.join(', ')); // Jeden, Dwa, Trzy, Cztery, Pięć

// Usunięcie ostatniego elementu
tablica.pop();
document.write(tablica.join(', ')); // Jeden, Dwa, Trzy, Cztery

// Dodanie na początku
tablica.unshift('Zero');
document.write(tablica.join(', ')); // Zero, Jeden, Dwa, Trzy, Cztery

// Usunięcie pierwszego elementu
tablica.shift();
document.write(tablica.join(', ')); // Jeden, Dwa, Trzy, Cztery

// Usunięcie elementu o indeksie 2
tablica.splice(2, 1);
document.write(tablica.join(', ')); // Jeden, Dwa, Cztery

// Dodanie elementu w miejsce indeksu 2
tablica.splice(2, 0, 'Trzy');
document.write(tablica.join(', ')); // Jeden, Dwa, Trzy, Cztery

 

Podobne wpisy