JavaScriptTablice
Array.
Łączy tablice i wartości w nową tablicę.
- Zwraca
- Nową, połączoną tablicę.
- Zmienia oryginał
- Nie
Przykład
#JavaScript
const frontend = ['HTML', 'CSS']
const backend = ['Node.js', 'SQL']
console.log(frontend.concat(backend, 'Git'))
console.log([...frontend, ...backend])
console.log(frontend)Konsola
['HTML', 'CSS', 'Node.js', 'SQL', 'Git']
['HTML', 'CSS', 'Node.js', 'SQL']
['HTML', 'CSS']
Definicja i zastosowanie
#Metoda concat() tworzy nową tablicę złożoną z elementów bieżącej tablicy oraz podanych argumentów. Tablice przekazane jako argumenty są rozkładane na elementy (o jeden poziom), a zwykłe wartości dopisywane.
Oryginalne tablice się nie zmieniają. W nowoczesnym kodzie ten sam efekt często uzyskuje się składnią rozproszenia: [...a, ...b].
Łączenie jest płytkie: obiekty w nowej tablicy to te same obiekty, co w oryginałach.
Składnia
#Składnia
array.concat(value1, value2, …)Parametry
#value1…valueN
tablice lub wartości
Elementy do dołączenia. Tablice są rozkładane o jeden poziom.
Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Składnia
[...a, ...b]jest dziś częściej używana, aleconcat()bywa czytelniejsze przy wielu argumentach. - Tablice zagnieżdżone głębiej niż jeden poziom nie są rozkładane. Do spłaszczania służy
flat().
Powiązane hasła
#- Spread (...)Składnia spread rozkłada tablicę, napis lub obiekt na pojedyncze elementy: do kopiowania, łączenia i przekazywania argumentów.
- Array.prototype.push()Dodaje elementy na koniec tablicy i zwraca jej nową długość.
- Array.prototype.flat()Spłaszcza zagnieżdżone tablice do podanej głębokości.
- Array.prototype.slice()Zwraca kopię fragmentu tablicy bez zmieniania oryginału.
Widzisz błąd albo brakuje przykładu? Napisz do nas.