lub programowanie internetowe dało początek dynamicznym aplikacjom internetowym. Wraz z rozwojem internetu JavaScript stał się jednym z najważniejsze języki w dzisiejszym świecie.To JavaScript Array artykułwprowadzi Cię w głąb metod tablicowych w JavaScript w następującej kolejności:
- Wprowadzenie do JavaScript
- Podstawy JavaScript
- JavaScript Array
- Różnica między tablicą a obiektami
- Metody tablicowe JavaScript
Wprowadzenie do JavaScript
to interpretowany język programowania wysokiego poziomu, służący do zwiększania interaktywności stron internetowych. Jest to bardzo wydajny język skryptowy po stronie klienta, który sprawia, że Twoja strona internetowa jest bardziej żywa i interaktywna.
Jest to język programowania, który pomaga we wdrażaniu złożonego i pięknego projektu na stronach internetowych. Jeśli chcesz, aby Twoja strona internetowa wyglądała jak żywa i robiła o wiele więcej niż tylko gapienie się na Ciebie, JavaScript jest koniecznością.
Podstawy JavaScript
Jeśli nie znasz języka, musisz znać niektóre elementy podstawy JavaScript które pomogą Ci rozpocząć pisanie kodu. Podstawy obejmują:
Możesz sprawdzić aby zgłębić te podstawowe pojęcia i podstawy JavaScript. W tym artykule o tablicy JavaScript skupimy się na różnych metodach tablicowych używanych do definiowania listy elementów.
JavaScript Array
Tablica to struktura danych który zawiera listę elementów przechowujących wiele wartości w ramach jednej zmiennej.
Aby zadeklarować tablicę w JavaScript, użyj „ pozwolić ”W nawiasach kwadratowych i umieść w nich wszystkie elementy. Składnia jest następująca:
sekwencja Fibonacciego c ++
let ListItems = [] ListItems = ['buty', 'zegarek', 'torba']
Możesz również zadeklarować to jako:
let ListItems = ['buty', 'zegarek', 'torba']
Różnica między tablicą a obiektami
Zmienne JavaScript mogą być obiektami. Tablice są uważane za specjalne rodzaje obiektów. Z tego powodu możesz mieć zmienne różnych typów w tej samej tablicy.
myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems
W JavaScript, tablice posługiwać się numerowane indeksy . Natomiast, obiekty są używane jako nazwane indeksy .
Metody tablicowe JavaScript
Cel korzystania z szyk jest do przechowywania wiele wartości w pojedyńcza jednostka zadeklarowanej zmiennej. Tablice są używane, gdy chcemy uzyskać dostęp do elementów w uporządkowany sposób za pomocą jednej zmiennej. W jednej tablicy można przechowywać ciągi znaków, wartości logiczne i liczby.
Są różne Metody tablicowe JavaScript w celu wykonywania różnych zadań, takich jak:
Pchać() - Łatwo jest usuwać elementy i dodawać nowe elementy podczas pracy z tablicami. Metoda push () dodaje do nowy element do koniec tablicy. Wartość zwracana to nowa długość tablicy.
Przykład:
let listItems = ['torba', 'buty', 'sukienka'] console.log (listItems.push ('zegarek'))Wynik:
4
Funkcja Push () nie zwraca wartości, która została dodana do tablicy. Zwraca tylko nową długość tablicy.
Muzyka pop ()- Służy do tego metoda pop () usunąć the ostatni element z tablicy. Zwraca wartość, która została usunięta.
Przykład:
let listItems = ['torba', 'buty', 'sukienka'] console.log (listItems.pop ())
Wynik:
sukienka
Pop () zwraca wartość, która została usunięta, a nie długość tablicy, jak Push ().
Zmiana() - Przesuwanie jest podobne do poppingu, praca nad pierwszym elementem zamiast ostatniego. Służy do tego metoda shift () usunąć the pierwszy element tablicy i przesuwa wszystkie inne elementy na niższy indeks. Zwróci ci ciąg, który został przesunięty.
Przykład:
let listItems = ['torba', 'buty', 'sukienka'] console.log (listItems.shift ())
Wynik:
torba
Shift () działa tak samo jak pop (), ale zwraca pierwszy element tablicy zamiast ostatniego.
unshift () - The metoda dodaje nowy element na początek tablicy i usuwa starsze elementy. Działa podobnie do Push () i zwraca nową długość tablicy.
Przykład:
let listItems = ['torba', 'buty', 'sukienka', 'zegarek'] console.log (listItems.unshift ('phone'))Wynik:
porażka szybko vs awaria bezpieczna
5
Unshift () doda nowy element do tablicy i zwróci długość nowej tablicy.
concat () - Metoda concat () tworzy nową tablicę według konkatenacja lub scalanie istniejących tablic. Tonie modyfikuje istniejącej tablicy i zawsze zwraca nową tablicę.
Przykład:
let arr1 = ['red', 'blue', 'green'] let arr2 = ['colors', 'spraypaint', 'brush'] let newArr = arr1.concat (arr2) console.log (newArr)
Wynik:
toString () - Metoda toString () jest używana do konwertować tablica do strunowy wartości tablic oddzielonych przecinkami.
Przykład:
let colors = ['red', 'blue', 'green'] console.log (colors.toString ())
Wynik:
czerwony, niebieski, zielony
Przystąp() - Metoda join () działa tak samo jak toString (). Jest do tego przyzwyczajony Przystąp wszystkie elementy tablicy w plik strunowy , ale dodatkowo możesz określić separator .
Przykład:
let colors = ['red', 'blue', 'green'] console.log (colors.join ('+'))Wynik:
czerwony + niebieski + zielony
odwrócić() - Metoda reverse () jest używana do odwrócić the zamówienie elementów w tablicy. Zmieni oryginalną tablicę i zamieni kolejność elementów.
Przykład:
niech owoce = ['mango', 'jabłko', 'winogrona'] console.log (owoce.reverse ())
Wynik:
sortować() - Metoda sort () jest używana do sortować tablica alfabetycznie . Ta funkcja domyślnie sortuje wartości jako ciągi.
Przykład:
niech owoce = ['mango', 'jabłko', 'winogrona'] console.log (owoce.sort ())
Wynik:
plasterek() - Metoda slice () jest używana do plasterek wyciągnij kawałek tablicy do nowej tablicy. Tworzy nową tablicę bez usuwania żadnych elementów z tablicy źródłowej. Zwróci wartość, która została wycięta z tablicy.
Przykład:
let colors = ['czerwony', 'niebieski', 'zielony', 'żółty', 'pomarańczowy'] console.log (colors.slice (1,3))
Wynik:
Były to jedne z najczęściej używanych metod tablicowych JavaScript. W ten sposób dotarliśmy do końca naszego artykułu. Mam nadzieję, że rozumiesz, jak metody tablicowe są używane w JavaScript.
Teraz, gdy wiesz już o metodach tablic JavaScript, zapoznaj się z przez Edureka. Szkolenie w zakresie certyfikacji w zakresie rozwoju sieci pomoże Ci nauczyć się, jak tworzyć imponujące witryny internetowe przy użyciu HTML5, CSS3, Twitter Bootstrap 3, jQuery i interfejsów API Google oraz wdrażać je w Amazon Simple Storage Service (S3).
Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy w „Tablicy JavaScript”, a my skontaktujemy się z Tobą.