Składnia spread w tablicach
Część sekcji Logika i przepływ programu ścieżki JavaScript w Coddy. Lekcja 48 z 65.
Składnia rozpraszania (...) pozwala rozwinąć obiekt iterowalny, taki jak tablica, w miejscach, w których oczekuje się zera lub większej liczby argumentów albo elementów. Umożliwia zwięzłe wykonywanie operacji, takich jak łączenie tablic lub kopiowanie tablic.
Oto kilka typowych zastosowań:
1. Łączenie tablic:
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]2. Tworzenie płytkiej kopii tablicy:
const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 3]3. Dodawanie elementów do tablicy:
const numbers = [1, 2, 3];
const moreNumbers = [0, ...numbers, 4];
console.log(moreNumbers); // [0, 1, 2, 3, 4]4. Przekazywanie elementów tablicy jako argumentów funkcji:
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6Wyzwanie
ŁatwyUtwórz funkcję o nazwie mergeArr, która przyjmuje jako argumenty dwie tablice liczb. Funkcja powinna:
- Połączyć obie tablice za pomocą operatora rozproszenia
- Usunąć wszystkie powtarzające się liczby
- Zwrócić wynikową tablicę
Spróbuj swoich sił
function mergeArr(arr1, arr2) {
// Wpisz tutaj swój kod
}
Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Logika i przepływ programu
1Napisy w praktyce
Podstawy napisówIterowanie po napisachLiterały szablonoweMetody napisówPodsumowanie – mistrz napisów4JSON, część 2
Iterowanie po JSONZagnieżdżony JSONOpcjonalne łańcuchowanie w JSONPłytka i głęboka kopiaPowtórka — sklep rowerowyPowtórka — Układ Słoneczny7System zarządzania biblioteką
Omówienie projektuDodawanie książek10Zarządzanie systemem festiwalowym
Przegląd projektuDodawanie filmów i miejsc2Tablice wielowymiarowe
Podstawy tablic 2DDostęp do elementów tablic 2DZagnieżdżone pętle z tablicami 2DPowtórka — tablice 2DDodawanie i odejmowanie macierzyTablice nieregularneTablice 3D i większeTypowe wzorce tablic 2DPowtórka — wszystko o tablicach5Zbiory — część 1
Czym jest zbiór?Iterowanie po zbiorachDodawanie elementuUsuwanie elementuSprawdzanie, czy element istniejeRozmiar i sprawdzanie, czy zbiór jest pustyKopiowanie i czyszczeniePodsumowanie — podstawy zbiorów8Ciekawe zagadnienia dotyczące tablic
Destrukturyzacja tablicSkładnia spread w tablicachRzadkie tablicePodsumowanie – warsztaty z tablic3JSON część 1
Czym jest JSON?Sprawdzanie, czy klucz istniejeMetody obiektówOperator spread — część 1Operator spread — część 2Usuwanie kluczyPodsumowanie — manipulowanie kluczami w JSONPoćwicz samodzielnie: Kompilator JavaScript online