Operator rozprzestrzeniania JavaScript wyjaśnił

JavaScript obsługuje wielu operatorów, metod i funkcji, aby kod był zrozumiały i wielokrotnego użytku. Jeden ze znanych operatorów, operator rozprzestrzeniania się jest praktykowane, aby odzyskać elementy ze zmiennych różnych typów danych (i.mi., sznurki, tablice, obiekty itp.). Ponadto użycie operatora rozprzestrzeniania się jest różnorodne, tak że można go wykorzystać do kopiowania elementów tablicy, tablic związanych, dołączania dowolnego elementu do istniejącej tablicy i wielu innych.

Niniejszy przewodnik zapewnia działanie operatora spread w JavaScript z jego różnorodnymi zastosowaniami. W tym artykule zostaną omówione następujące treści:

1. Jak działa operator rozprzestrzeniania się w JavaScript
2. Jak korzystać z operatora spread w JavaScript

Jak działa operator rozprzestrzeniania się w JavaScript

Składnia operatora rozprzestrzeniania jest podobna do operatora odpoczynku, jak widać poniżej.

… Var

Chociaż składnia reszty i operatora rozprzestrzeniania się jest taka sama, mają one różne funkcje do zaoferowania. Operator odpoczynku zwraca kombinację elementów w zmiennej tablicy, podczas gdy operator rozprzestrzeniania się rozpowszechnia obiekt na poszczególne elementy.

Jak połączyć tablice za pomocą operatora rozprzestrzeniania

Co przychodzi ci do umysłu podczas łączenia tablic? Metoda conat (), prawda? Jednak operator rozprzestrzeniania można również użyć do dołączenia do dwóch lub więcej tablic do jednego. Kod podany poniżej odnosi się do połączenia tablic w JavaScript za pomocą operatora rozprzestrzeniania się.

var arr1 = [1, 2, 3]
var arr2 = [4, 5, 6]
var arr3 = [… ARR1,… ARR2];
konsola.log (ARR3);

Powyższy kod tworzy dwie wymienione tablice ARR1 i ARR2. Później tablice te są połączone przy użyciu operatora spread i przechowywane w innej tablicy nazwanej ARR3.

Wyjście

Wyjście pokazuje, że operator rozprzestrzeniania się połączył dwie tablice.

Jak dodać nowe elementy do tablicy za pomocą operatora rozprzestrzeniania

Poniższy kod odnosi się do używania operatora rozpowszechniania do dodania nowych elementów do tablicy.

var arr1 = [1, 2, 3]
arr1 = [… ARR1, 4, 5];
konsola.log (ARR1);

Powyższy kod tworzy szereg liczb, który ma trzy elementy. Jednak używając operatora rozprzestrzeniania dwa inne elementy są dodawane do ARR1.

Wyjście

Wyjście pokazuje, że dodano dwa nowe elementy ARR1.

Jak korzystać z operatora rozprzestrzeniania się z funkcjami matematycznymi

W JavaScript funkcje matematyczne są używane do wykonania niektórych obliczeń danych. Możesz użyć operatora rozprzestrzeniania się z funkcjami dopasowania, aby skuteczniej wykonać obliczenia, co będzie praktykowane w następującym kodzie.

var arr1 = [11, -22, 13, -44, 35]
konsola.Log (matematyka.Max (… ARR1));

Powyższy kod tworzy szereg liczb i Matematyka.Max Funkcja jest wykorzystywana na wartościach macierzy za pomocą operatora rozprzestrzeniania.

Wyjście

Dane wyjściowe pokazuje, że Matematyka.funkcja max () został zastosowany na ARR1 za pomocą operatora spreadu i maksymalnej wartości z ARR1 jest zwrócony.

Jak przekonwertować „String na tablicę znaków łańcuchowych” za pomocą operatora rozprzestrzeniania

Kod podany poniżej wykorzystuje operatora spreadu do konwersji ciągu na tablicę ciągów.

var x = "Linuxhint";
var arr = [… x];
konsola.log (ARR);

Powyższy kod inicjuje ciąg, a następnie operator rozprzestrzeniania się oddziela znaki ciągów na tablicę ciągów.

Wyjście

Dane wyjściowe pokazuje, że operator rozprzestrzeniania oddzielił znaki ciągów i jest przechowywany w tablicy.

Jak korzystać z operatora rozprzestrzeniania się w wywołaniu funkcji

Kod podany poniżej wykorzystuje operatora spreadu, który ma być używany do przekazywania wielu argumentów.

funkcja dodaj (a, b, c, d, e)
konsola.Log (A+B+C+D+E)

var args = [10, 14, 18]
Dodaj (… args, 5, 8);

Funkcja dodać powstaje, który akceptuje pięć wartości jako argumenty i dodaje te wartości. Args to szereg liczb zawierających trzy elementy. Wywołując funkcję, wartości w Args są ćwiczone z operatorem rozprzestrzeniania, a dwa parametry są używane indywidualnie do wypełnienia pięciu argumentów.

Wyjście

Dane wyjściowe pokazuje, że Dodaj () funkcję jest powołany z Args, 5 i 8. Args obejmują trzy wartości, które byłyby rozłożone na funkcji.

Wniosek

Operator rozprzestrzeniania umożliwia wyodrębnienie elementów i rozpowszechnianie ich na osoby. Operator rozprzestrzeniał się do firmy w ES6 (najnowsza wersja JS wydana w 2015 roku). W tym artykule pokazuje działanie i wykorzystanie operatora rozprzestrzeniania się w JavaScript. Z pomocą operatora rozprzestrzeniania można połączyć tablice, dodać nowe elementy do tablicy, rozbić sznur na poszczególne znaki i wiele innych. Wszystkie powyższe zastosowania operatora spreadu zostały tutaj wyjaśnione za pomocą przykładów.