1. Wprowadzenie do JavaScript
  2. Szybki start
  3. Pierwszy program
  4. Metody wyjściowe
  5. Komentarze
  6. Typy danych
  7. Zmienne
  8. Operatory
  9. Instrukcje warunkowe
  10. Pętle
  11. Funkcje
  12. Tablice
  13. Obiekty
  14. Funkcje matematyczne
  15. Wartości
  16. Referencje
  17. Metody
  18. Eventy
  19. Manipulacja DOM-em
  20. Manipulacja stylami CSS
  21. Biblioteki JavaScript
  22. Podsumowanie

Metody tablicowe

Metody tablicowe w języku JavaScript to funkcje wbudowane w obiekt tablicy, które służą do manipulowania i przetwarzania danych w tablicach. Dostępne są one dla każdego obiektu tablicy w języku JavaScript i mogą być wywoływane za pomocą kropki po nazwie tablicy, na przykład myArray.methodName(). Metody te zwracają nową tablicę lub modyfikują istniejącą tablicę, na której zostały wywołane.

Najczęściej używane metody tablicowe to, między innymi:

push() pop() shift() unshift() slice() splice()

								
const numbers = [1, 2, 3, 4, 5];


// dodanie liczby 6 na koniec tablicy
numbers.push(6);
console.log(numbers); // [1, 2, 3, 4, 5, 6]


// usunięcie ostatniego elementu z tablicy
const last = numbers.pop();
console.log(numbers); // [1, 2, 3, 4, 5]
console.log(last); // 6


// usunięcie pierwszego elementu z tablicy
const first = numbers.shift();
console.log(numbers); // [2, 3, 4, 5]
console.log(first); // 1


// dodanie liczby 0 na początek tablicy
numbers.unshift(0);
console.log(numbers); // [0, 2, 3, 4, 5]


// wybranie fragmentu tablicy od indeksu 1 do 3
const subArray = numbers.slice(1, 3);
console.log(subArray); // [2, 3]
								
						

Inne metody tablicowe

filter() - filtruje elementy tablicy na podstawie określonego warunku.

								
const numbers = [1, 2, 3, 4, 5];
const filteredNumbers = numbers.filter(num => num > 3);

console.log(filteredNumbers);
								
						

reduce() - redukuje tablicę do pojedynczej wartości poprzez zastosowanie funkcji reducer do każdego elementu.

								
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, current) => accumulator + current);

console.log(sum);
								
						

map() - zwraca nową tablicę z wynikami wywołania funkcji na każdym elemencie tablicy.

								
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(num => num * 2);

console.log(doubledNumbers);