Metody manipulacji tablicami- Praca z tablicami w JavaScript

Tablice są podstawową częścią JavaScript i w tym poście porozmawiamy o manipulacji tablic. Manipulacja tablicami jest zadaniem, które pomaga nam dodać/usunąć/przekształcić elementy w naszej tablicy. Istnieje dziesiątki metod w JavaScript, które pomagają nam manipulować tablicami zgodnie z naszymi potrzebami.

Co to jest tablica?

Tablica jest rodzajem zmiennej, która jest ustrukturyzowana w sposób, w jaki możemy przechowywać wiele i różne typy wartości w jednej zmiennej, a później dostępu do tych wartości za pomocą indeksów tablicy. Indeks to numer pozycji, w którym element tablicy jest przechowywany lub zapisywany.

Na przykład:

const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];

W powyższym przykładzie, gdybyśmy nie użyli tablic, musielibyśmy zadeklarować 4 zmienne i zainicjować je z powyższymi wartościami, które byłyby zbyt gorączkowe.

Na przykład:

const League1 = „Laliga”;
const League2 = „Premier League”;
const League3 = „Bundesliga”;
const League4 = „Seria A”;

Jak widzimy, jest o wiele lepiej, że używamy tablic niż tradycyjne metody. Jeśli nadal nie jesteś przekonany, załóżmy, że musisz wymienić wszystkie główne ligi piłkarskie na świecie. Czy zadeklarowałbyś wszystkie zmienne i zainicjowałbyś nazwy ligi piłkarskiej jeden po drugim. Czy nie byłoby lepiej używać tablic? Rzeczywiście jest.

Metody tablicy JavaScript

Przekształcanie tablic na ciąg

Powiedzmy, że masz tablicę, którą chcesz przekonwertować na ciąg, dla którego JavaScript zapewnia nam ToString () Wbudowana metoda nam pomocy. ToString () Metoda przekonwertuje naszą tablicę na ciąg. Wszystkie wartości tablicy zostaną oddzielone przecinkiem w ciągu

Przykład:

// tablica o nazwie lig piłki nożnej
const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];
// Przekształcanie się na ciąg
konsola.Log (ligi.ToString ());

Kolejną metodą wbudowaną często stosowaną przez programistów jest dołączyć() metoda. Ma to dokładnie taka sama funkcja ToString () I-E, przekształca tablicę w ciągu. Jedyną różnicą w metodzie łączenia () jest to, że tutaj możemy określić separator. Na przykład zamiast przecinków możemy zatrzymać. Na przykład:

// tablica o nazwie lig piłki nożnej
const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];
// konwersja na ciąg z . separator
konsola.Log (ligi.dołączyć("."));

Tutaj określiliśmy, że wartości tablicy powinny być oddzielone pełnym zatrzymaniem, gdy tablica zostanie przekonwertowana na ciąg.

Push i pop

Podczas pracy z tablicami jako programista będą czasy, kiedy będziesz musiał dodać lub usunąć elementy z tablicy. Aby osiągnąć zadanie dodania czegoś lub usunięcia czegoś z tablicy, używamy metody pop () i push ().

Metoda Pop ()

Usuwanie wartości z tablicy jest osiągane metodą pop () i usuwa ostatnią wartość indeksu z tablicy.

Na przykład:

// tablica o nazwie lig piłki nożnej
const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];
konsola.Log (ligi.Muzyka pop());
konsola.Log (ligi.ToString ());

Jak widzimy na zrzucie ekranu konsoli, że pozycja pop była w ostatnim indeksie, a po tym, jak pocieszamy tablicę, nie było serii a.

Metoda push ()

Składnia push jest taka sama jak Pop. Różnica polega na tym, że każda z nich działa. Metoda push () służy do wstawienia lub dodawania elementów na ostatnim indeksie tablicy.

Na przykład:

// tablica o nazwie lig piłki nożnej
const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];
ligi.push („ligue1”);
// Przekształcanie się na ciąg
konsola.Log (ligi.ToString ());

W argumencie metody push () przekazujemy wartość, którą chcemy dodać do tablicy. W tym przykładzie minęliśmy „Ligue1”, ponieważ chcieliśmy dodać to do naszych lig tablicy. Kiedy popchniemy wartość, zobaczymy Ligue1 na końcu tablicy.

Elementy zmieniające się

Metoda Shift () jest taka sama jak metoda pop (), z tym wyjątkiem, że usuwa pierwszy element z tablicy. Robi to, przenosząc wszystkie pozostałe elementy do niższego wskaźnika, z wyjątkiem pierwszego. Usuwa pierwszy element indeksu.

Na przykład:

// tablica o nazwie lig piłki nożnej
const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];
// Usuwanie pierwszego elementu
konsola.Log (ligi.zmiana());
// Przekształcanie tablicy na ciąg
konsola.Log (ligi.ToString ());

W tym przykładzie w oknie konsoli zostaniemy pokazane element usunięty z tablicy. Wtedy zostanie pokazana nowa tablica.

Metoda UnShift () jest taka sama jak metoda push (), z tym wyjątkiem, że dodaje element na początku tablicy. Składnia jest taka sama jak ligi metody przesunięcia.UnShift („Scottish League”).

Zmieniające się elementy

Możemy zmienić element przy określonym indeksie. Indeks zaczyna się od 0 w tablicy.

Na przykład możemy zmienić pierwszy element o:

Leagues [0] = „Scottish League”;

Możemy również znaleźć całkowitą długość tablicy za pomocą metody wbudowanej długości JavaScript.

// tablica o nazwie lig piłki nożnej
const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];
konsola.Log (ligi.długość);

Wyjście: 4

Metoda splice ()

Metoda splatce () służy do dodawania elementów do tablicy tak jak metoda push ().

Na przykład:

// tablica o nazwie lig piłki nożnej
const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];
ligi.splice (2,0, „ligue1”);
// Przekształcanie tablicy na ciąg
konsola.Log (ligi.ToString ());

Splice bierze indeks, w którym chcesz dodać element. W tym przykładzie określiliśmy 2. indeks, w którym chcemy dodać „Ligue1”. Elementy, które chcemy usunąć z tablicy, są podane w drugim argumencie. Po tym możemy dodać nowe elementy, ile chcemy. Wyjście będzie:

Możemy również użyć metody splice, aby usunąć wartość w określonym indeksie.

Na przykład:

// tablica o nazwie lig piłki nożnej
const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];
ligi.splice (0,1);
// Przekształcanie tablicy na ciąg
konsola.Log (ligi.ToString ());

Usunie element, który jest w pierwszym indeksie.

Łączenie tablic

Możemy również scalać tablice za pomocą metody concat (). Metoda conat () nie zmienia oryginalnej tablicy i tworzy tylko nową tablicę.

Na przykład:

W tym przykładzie dwie tablice zostaną połączone przy użyciu metody concat ():

// tablica o nazwie lig piłki nożnej
const Leagues = [„Laliga”, „Premier League”, „Bundesliga”, „Serie A”];
const doldleagues = [„Scottish”, „Australian”];
const newtotalleagues = ligi.Conat (dolneleagues);
// Przekształcanie tablicy na ciąg
konsola.Log (Newtotalleagues.ToString ());

Dodaliśmy dolne ligi do lig.

Wniosek

Wiele elementów danych lub zmiennych tego samego rodzaju jest reprezentowanych w jednej tablicy nazw, a tablicę można następnie manipulować na wiele sposobów, które są omawiane w tym poście. Omówiliśmy manipulację tablicami w JavaScript, przechodząc przez najczęstsze metody manipulowania tablicą. Mamy nadzieję, że wszystkie te przykłady dały ci wyobrażenie o tym, jak działa manipulacja tablicy.