Metody tablicowe w JavaScript: wszystko, co musisz wiedzieć o metodach tablicowych



Ten artykuł zawiera szczegółowe informacje na temat różnych metod tablicowych w JavaScript wraz z odpowiednimi przykładami programów.

Efektywność jest bardzo ważna, gdy planuje się kodowanie rozwiązania. Obiekt tablicy w składa się z różnych metod. Metody te są używane w kodach w celu ich wydajnego działania. W tym artykule skupimy się na różnych metodach tablicowych w JavaScript.

W tym artykule zostaną poruszone następujące wskazówki:





Kontynuujmy pierwszy temat tego artykułu,

Metody tablicowe w JavaScript

Metoda łączenia

Metoda concat () łączy 2 lub więcej tablic, a następnie zwraca kopię połączonej tablicy.



var alphabet = ['r', 's', 't'] var num = [5, 6, 7] var AlphabetNum = alphabet.concat (num) document.write ('AlphabetNum:' + AlphabetNum)

W podanym przykładzie metoda concat łączy dwie tablice alfabet i num i zwraca nową połączoną tablicę: AlphabetNum.

Wynik:

AlphabetNum: r, s, t, 5,6,7



Dalej jest metoda CopyWithin,

CopyWithin Method

Metoda copyWithin () obecna w JavaScript służy do kopiowania części tablicy do tej samej tablicy, a następnie zwraca ją.

Składnia:

array.copyWithin (cel, początek, koniec)

Ta metoda składa się z trzech parametrów:

  • Cel: pozycja indeksu, w której element ma zostać skopiowany. Określenie celu jest obowiązkowe.
  • Start: pozycja indeksu, od której rozpocznie się kopiowanie elementów. Jest to opcjonalne. Domyślna wartość start to 0.
  • End: pozycja indeksu kończąca proces kopiowania elementu. To także jest opcjonalny parametr, a wartość domyślna to długość .
var number = ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven'] document.write (number) document.write (' 
'+ number.copyWithin (3,0,4))

Wynik:

Jeden dwa trzy cztery pięć sześć siedem

Jeden, dwa, trzy, jeden, dwa, trzy, cztery

Jak pokazano w przykładzie, wartości w tablicy są kopiowane do tej samej tablicy. Indeks docelowy to: 3, indeks początkowy to: 0, a indeks końcowy to: 4.

Następny bit w metodach Array w javascript to:

Każda metoda

Ta metoda bada lub sprawdza, czy wszystkie elementy obecne w tablicy spełniają określony warunek. Składnia metody jest następująca:

array.every (function [, This_arg])

Argumentem tej funkcji jest inna funkcja. Określa warunek, który należy sprawdzić. Ma następujące argumenty:

  • Array: tablica, w której wywoływana jest funkcja every (). Jest to argument opcjonalny.
  • Indeks: indeks bieżącego elementu. To też jest opcjonalne.
  • Element: bieżący element, który jest przetwarzany przez funkcję. Użycie tego argumentu jest obowiązkowe.

Argument this_arg służy do informowania funkcji, której należy użyć to wartość. W poniższym przykładzie sprawdzamy, czy każdy element tablicy jest dodatni, czy nie.

function positive (element, index, array) {return element> 0} function func () {var array = [11, 89, 23, 7, 98] // sprawdź liczbę dodatnią var value = array.every (positive) document .write (wartość)} func ()

Należy zauważyć, że funkcja zwraca wartość w postaci prawdy lub fałszu. Ponieważ wszystkie elementy obecne w tablicy są dodatnie, wynik będzie następujący:

prawdziwe

Dalej jest metoda ToString.

Metoda ToString

Ta metoda konwertuje liczbę na ciąg. Liczby można przekonwertować, określając również wartość podstawową.

var number = 569 document.write ('Output:' + number.toString ())

W podanym przykładzie metoda toString () jest wywoływana bez żadnego parametru ani wartości bazowej.

Wynik:

569

jest-a i ma-związek w java

Przyjrzyjmy się teraz metodzie łączenia,

Dołącz do metody

Metoda join () łączy każdy element obecny w tablicy. Dodatkowo możemy określić separator, aby oddzielić elementy.

var a = new Array ('I', 'Love', 'Music') var string = a.join () document.write ('string:' + string) var string = a.join ('*') document. pisać(' 
string: '+ string) var string = a.join (' + ') document.write ('
string: '+ string)

W podanym przykładzie pierwsza metoda łączenia nie zawiera żadnego separatora, dlatego używany jest separator domyślny. W pozostałych dwóch metodach „*” i „+” są operatorami określonymi.

Wynik:

string: Ja, miłość, muzyka

string: I * Love * Music

string: I + Love + Music

Następny artykuł dotyczący metod tablicowych w javascript to:

Metoda pop i push

Metoda pop () usuwa element z końca tablicy, podobnie jak stos. Z drugiej strony metoda push () dodaje element na koniec tablicy.

Metody realizują koncepcję LIFO (Last-In-First-Out).

[„Rock”, „Metal”, „Blues”, „Jazz”] list.pop () [„Rock”, „Metal”, „Blues”]

Kod usuwa ostatni element z tablicy, czyli „Jazz”.

Metoda push () dołącza element z powrotem do tablicy.

[„Rock”, „Metal”, „Blues”] list.push („Jazz”) [„Rock”, „Metal”, „Blues”, „Jazz”]

Przejdźmy dalej,

Metoda zmiany i zmiany biegu

Metoda shift () usuwa element z początku tablicy. Z drugiej strony metoda unshift () dodaje element z powrotem na początek tablicy.

[„Rock”, „Metal”, „Blues”, „Jazz”] list.shift () [„Metal”, „Blues”, „Jazz”]

Kod usuwa pierwszy element, czyli Rock z tablicy.

Po użyciu metody unshift () „Rock” zostanie z powrotem dodany do tablicy.

[„Rock”, „Metal”, „Blues”, „Jazz”] list.unshift („Rock”) [„Rock”, „Metal”, „Blues”, „Jazz”]

Jesteśmy w ostatnich bitach tej metody tablicowej w blogu javascript,

Metoda łączenia

Metoda splice () usuwa określoną lub wybraną część tablicy. Okazuje się, że jest pomysłową metodą usuwania, zastępowania lub dodawania elementów do tablicy.

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // Rozpoczynając od pozycji indeksu 2, usuń jeden element listy ['Rock', 'Metal', 'Jazz'] .splice (2,2) // Rozpoczynając od pozycji indeksu 2, usuń dwa elementy ['Rock', 'Metal']

W powyższym przykładzie metoda wycinka usuwa elementy zgodnie z określonym indeksem.

jak używać podciągów w java

„Blues” został usunięty z pierwszego przykładu, ponieważ został umieszczony pod indeksem 2.

W drugim przykładzie usunięto dwa elementy, tj. „Blues” i „Jazz”, ponieważ indeks określa, że ​​należy usunąć 2 elementy, zaczynając od indeksu 2.

Należy zauważyć, że tablice są indeksowane przez zero w JavaScript.

Metoda plasterków

Metoda slice () dzieli element z tablicy początkowej i zwraca nową tablicę zawierającą ten element. Należy zauważyć, że metoda slice () nie usuwa żadnego elementu z początkowej tablicy.

var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) document .pisać(' 
array.slice (1, 3): '+ array.slice (1, 3))

Dane wyjściowe następującego kodu są następujące:

array.slice (1, 2): Pop

array.slice (1, 3): Pop, Jazz

Ostatnią metodą w tej metodzie tablicowej w javascript jest:

Metoda ForEach

Ta metoda wywołuje funkcję dla każdego elementu obecnego w tablicy.

function funct () {// Początkowa tablica const items = [2, 18, 28] const copy = [] items.forEach (function (item) {copy.push (item * item)}) document.write (copy)} funct ()

W tym przykładzie obliczamy kwadrat każdego elementu obecnego w tablicy.

Wynik jest następujący:

4,324,784

W ten sposób dotarliśmy do końca tego bloga „Metoda tablicy w JavaScript”. Mam nadzieję, że te informacje były dla Ciebie przydatne i wkrótce znajdziesz więcej samouczków na podobne tematy. Możesz również sprawdzić nasz program szkoleniowy to uzyskać dogłębną wiedzę na temat jQuery i jego różnych aplikacji, możesz do szkoleń online na żywo z całodobowym wsparciem i dożywotnim dostępem

Masz do nas pytanie? Wspomnij o nich w sekcji komentarzy na tym blogu, a skontaktujemy się z Tobą.