CodeGym /Kurs Javy /Frontend SELF PL /Tablice w JavaScript

Tablice w JavaScript

Frontend SELF PL
Poziom 34 , Lekcja 2
Dostępny

8.1 Tworzenie tablic

Tablice w JavaScript — struktura danych, która pozwala przechowywać uporządkowane kolekcje wartości. Te wartości mogą być dowolnego typu, w tym liczby, ciągi, obiekty, a nawet inne tablice. Tablice w JavaScript są dynamicznie zmieniane, co oznacza, że ich rozmiar może się zmieniać w trakcie wykonywania programu.

Tworzenie i inicjalizacja tablic:

1. Z użyciem literału tablicy

Najprostszy sposób tworzenia tablicy — użycie nawiasów kwadratowych []:

JavaScript
    
      let array1 = []; // pusta tablica
      let array2 = [1, 2, 3]; // tablica z trzema elementami
    
  

2. Z użyciem konstruktora tablicy

Konstruktor tablicy Array pozwala tworzyć tablice z użyciem funkcji:

JavaScript
    
      let array1 = new Array(); // pusta tablica
      let array2 = new Array(3); // tablica o długości 3 (wszystkie elementy undefined)
      let array3 = new Array(1, 2, 3); // tablica z trzema elementami
    
  

3. Wypełnianie tablicy wartościami

Można wypełnić tablicę wartościami po jej utworzeniu:

JavaScript
    
     let array = [];
     array[0] = 'apple';
     array[1] = 'banana';
     array[2] = 'cherry';
    
  

8.2 Dostęp do elementów tablicy

Elementy tablicy są indeksowane, zaczynając od zera. Dostęp do elementów uzyskuje się z użyciem nawiasów kwadratowych:

JavaScript
    
      let fruits = ["Apple", "Banana", "Cherry"];
      console.log(fruits[0]); // "Apple"
      console.log(fruits[1]); // "Banana"
      console.log(fruits[2]); // "Cherry"
    
  

Zmiana elementów tablicy

Elementy tablicy można zmienić za pomocą indeksów:

JavaScript
    
      let fruits = ["Apple", "Banana", "Cherry"];
      fruits[1] = "Blueberry";
      console.log(fruits); // ["Apple", "Blueberry", "Cherry"]
    
  

Właściwość length

Właściwość length zwraca liczbę elementów w tablicy:

JavaScript
    
      let fruits = ["Apple", "Banana", "Cherry"];
      console.log(fruits.length); // 3
    
  

8.3 Metody tablicy do dodawania i usuwania elementów

1. Metoda push

Metoda push() dodaje jeden lub więcej elementów na koniec tablicy i zwraca nową długość tablicy:

JavaScript
    
      let fruits = ['apple', 'banana'];
      fruits.push('cherry'); // ['apple', 'banana', 'cherry']
      console.log(fruits.length); // 3
    
  

2. Metoda pop

Metoda pop() usuwa ostatni element z tablicy i zwraca go:

JavaScript
    
      let fruits = ['apple', 'banana', 'cherry'];
      let last = fruits.pop(); // 'cherry'
      console.log(fruits); // ['apple', 'banana']
    
  

3. Metoda shift

Metoda shift() usuwa pierwszy element z tablicy i zwraca go. Wszystkie pozostałe elementy przesuwają się o jedno miejsce w lewo:

JavaScript
    
      let fruits = ['apple', 'banana', 'cherry'];
      let first = fruits.shift(); // 'apple'
      console.log(fruits); // ['banana', 'cherry']
    
  

4. Metoda unshift

Metoda unshift() dodaje jeden lub więcej elementów na początku tablicy i zwraca nową długość tablicy:

JavaScript
    
      let fruits = ['banana', 'cherry'];
      fruits.unshift('apple'); // ['apple', 'banana', 'cherry']
      console.log(fruits.length); // 3
    
  
Komentarze
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION