Metody tablic, część 3
Część sekcji Podstawy ścieżki JavaScript w Coddy. Lekcja 68 z 77.
Oto kilka innych przydatnych metod tablic:
1. concat(): Łączy dwie lub więcej tablic i zwraca nową tablicę, nie modyfikując oryginalnych tablic.
let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Wynik: [1, 2, 3, 4]2. join(separator): Łączy wszystkie elementy tablicy w ciąg znaków, rozdzielając je określonym separatorem (opcjonalnie).
let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Wynik: "apple, banana, orange"3. slice(start, end): Wyodrębnia sekcję tablicy i zwraca nową tablicę. Indeks start jest włączający, a indeks end wyłączający.
let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Wynik: [2, 3, 4]4. splice(start, deleteCount, item1, item2, ...): Zmienia zawartość tablicy, usuwając, zastępując lub dodając elementy. Modyfikuje oryginalną tablicę i zwraca tablicę zawierającą usunięte elementy (jeśli takie są).
let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Wynik: [1, 2, 6, 7, 5]
console.log(removed); // Wynik: [3, 4]5. split(separator, limit): Dzieli ciąg znaków na tablicę podciągów na podstawie określonego separatora. Oryginalny ciąg znaków nie jest modyfikowany. Opcjonalny parametr limit określa maksymalną liczbę podziałów.
let text = "apple,banana,orange";
let result = text.split(",");
console.log(result);
// Wynik: ["apple", "banana", "orange"]
let limited = text.split(",", 2);
console.log(limited);
// Wynik: ["apple", "banana"]Wyzwanie
ŁatwyDana jest tablica numbers = [1, 2, 3, 4, 5]. Wykonaj poniższe kroki i bezpośrednio wypisz wyniki:
- Użyj
concat(), aby dodać[6, 7, 8]na końcu tablicy, i wypisz wynik. - Użyj
join(), aby przekształcić wynik działaniaconcat()w ciąg znaków rozdzielonych przecinkami, i wypisz go. - Użyj
slice(), aby wyodrębnić trzy pierwsze elementy z oryginalnej tablicynumbers, i wypisz je. - Użyj
splice(), aby zastąpić drugi element tablicynumberswartością99, i wypisz zmodyfikowaną tablicęnumbers.
Spróbuj swoich sił
let numbers = [1, 2, 3, 4, 5];Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Podstawy
4Operatory, część 2
Operatory logiczne, część 1Operatory logiczne, część 2Powtórka — prosta logikaOperatory logiczne, część 3Konwersja typów7Kalkulator podziału rachunku
Wiadomość powitalnaObliczanie napiwku i sumy10FizzBuzz z niespodzianką
Omówienie gryFunkcja FizzBuzz2Zmienne
LiczbyŁańcuch znakówWartość logicznaKonwencje nazewnictwaPuste zmiennePodsumowanie – inicjalizacja zmiennychStałe5Podejmowanie decyzji
Instrukcja ifIf - ElsePowtórka – prosty kalkulatorZagnieżdżone If - ElseInstrukcja switch3Operatory, część 1
Operatory arytmetyczneOperator moduloSkrócone operatory arytmetyczneOperatory porównaniaRówność ścisła a luźnaPowtórka — prosta matematyka6Podstawowe wejście/wyjście
WyjścieWyjście ze zmiennymiKonwersja typów — część 1Konwersja typów — część 2Powtórka — do 120Powtórka — prawda czy fałsz9Funkcje
Deklarowanie funkcjiArgumentyZwracanie wartościPodsumowanie — funkcja SigmaWyrażenie funkcyjneParametry domyślneFunkcje strzałkowePodsumowanie — funkcja walidująca12Tablice, część 2
Iterowanie po tablicachMetoda forEachPętla for...ofPowtórka – licznik PWycinanie fragmentów tablicyMetody tablic, część 3Metody tablic, część 4Sprawdzanie przynależnościPoćwicz samodzielnie: Kompilator JavaScript online