Jak wymienić obiekt w tablicy w JavaScript

W JavaScript tablica jest powszechnie stosowaną strukturą danych. Aby manipulować danymi, musisz wiedzieć, jak odzyskać, dodać i wymienić w tablicy. Mówiąc dokładniej, możesz wymienić lub dodać jeden lub więcej elementów z tablicy za pomocą metod zaprojektowanych przez JavaScript.

Ten post na blogu opisuje metody zastępowania obiektów w tablicach JavaScript.

Jak wymienić obiekt w tablicy w JavaScript?

Aby zastąpić obiekt w tablicy, JavaScript zapewnia pewne predefiniowane metody, które są następujące:

• • Za pomocą indeksu
  • Za pomocą metody indexof ()
  • Używając lub pętli
  • Za pomocą metody splat ()

Omówmy metody wspomniane powyżej jeden po drugim!

Metoda 1: Wymień obiekt w tablicy za pomocą indeksu

Jest to najprostsza metoda wymiany elementu w tablicy. Każdy element tablicy można uzyskać za pomocą indeksu, zaczynając od 0. W tym podejściu musisz użyć nawiasów kwadratowych, aby uzyskać dostęp do elementu tablicy.

Składnia

Postępuj zgodnie z podaną składnią, aby zastąpić obiekt za pomocą indeksu tablicy:

Tablica [indeks] = element;

Tutaj element zostanie zastąpiony w określonym indeksie tablicy.

Przykład

Utworzymy tablicę o nazwie „zabarwienie”A następnie wydrukuj go na konsoli za pomocą„konsola.dziennik()" metoda:

var colors = [„czerwony”, „niebieski”, „zielony”, „róż”];
konsola.log („oryginalna tablica:”, kolory);

Następnie wymień element tablicy, przekazując indeks tablicy za pomocą notacji wspornika. Zastąpimy element z indeksu „1" z "fioletowy”:

kolory [1] = „fiolet”;

Wydrukuj nową tablicę na konsoli o tej samej długości:

konsola.log („wymieniona tablica:”, kolory);

Wyjście oznacza, że ​​obiekt tablicy „niebieski”Z powodzeniem zastępuje się„fioletowy”:

Przejdźmy do drugiej metody!

Metoda 2: Wymień obiekt w tablicy za pomocą metody indexof ()

Istnieje inna metoda „indeks()„To wyprowadzi indeks określonego elementu w tablicy. Jeśli przekazany argument nie może być zlokalizowany w tablicy, wysyła -1. Dlatego jeśli nie znasz indeksu elementu, użyj metody indexof (), aby uzyskać określony indeks tablicy.

Składnia

Poniższa składnia jest używana dla „indeks()" metoda:

Szyk.indexof („element”);

Przykład

Tutaj użyjemy tej samej tablicy „zabarwienie”Utworzone w poprzednim przykładzie. Teraz uzyskaj indeks obiektu tablicy „czerwony" używając "indeks()„Metoda i przechowuj w zmiennej”ColorIndex”:

const ColorIndex = kolory.indexof („czerwony”);

Następnie sprawdź indeks Array, jeśli nie jest to równe do -1, następnie wymień obiekt Array „czerwony" z "Pomarańczowy”:

if (colorIndex !== -1)
kolory [ColorIndex] = 'Orange';

Na koniec wydrukuj nową tablicę, zastępując element Array:

konsola.log („nowa tablica:”, kolory);

Wyjście

Zobaczmy kolejną metodę zastąpienia obiektów w tablicy.

Metoda 3: Wymień obiekt w tablicy za pomocą pętli

Obiekt można wymienić w tablicy za pomocą „Do" pętla. Będzie iterował tablicę, dopóki nie wystąpi określona wartość; Ilekroć wartość jest dopasowana do obiektów tablicy, metoda zastępuje ją nowym elementem.

Składnia

Użyj poniższej składni pętli For do wymiany obiektów w tablicy:

dla (var i = 0; i…

Przykład

Tutaj ta sama tablica o nazwie „zabarwienie”Służy do wymiany„różowy”Z dowolnym innym obiektem„czarny„Używanie do pętli:

dla (niech ColorIndex = 0; indeks < colors.length; colorIndex ++)
if (kolory [colorIndex] === 'Pink')
kolory [ColorIndex] = „czarny”;
przerwa;

Następnie wydrukuj wynikową tablicę za pomocą „konsola.dziennik()" metoda:

konsola.log („nowa tablica:”, kolory);

Wyjście wskazuje, że obiekt oryginalnej tablicy „różowy”Jest zastąpiony nowym obiektem„czarny”:

Jeśli chcesz wymienić elementy tablicy z tablicy w dowolnym określonym indeksie, postępuj zgodnie z następną sekcją.

Metoda 4: Wymień obiekt w tablicy za pomocą metody splatce ()

Użyj predefiniowanej metody JavaScript „splatać()„Aby zastąpić obiekty w tablicy. Dodaje lub usuwa określone elementy tablicy i modyfikuje oryginalną tablicę. Jest stosowany w kombinacji metody indexof () w celu uzyskania dostępu do indeksu określonego elementu tablicy i łączenia.

Składnia

Postępuj zgodnie z podaną składnią, aby wykorzystać metodę SPLICE () do wymiany elementów w tablicy:

szyk.splice (startIndex, deleteCount, element1,…, elementn)

Tutaj "startIndex”To lokalizacja w tablicy, w której należy umieścić nowy element,„ ”deleteCount”Wskazuje, ile elementów należy wyeliminować, a„element1,…, elementn”To elementy, które należy wymienić.

Przykład

Najpierw otrzymamy indeks obiektu tablicy „zielony”Przekazując go w„indeks()„Metoda i przechowuj w zmiennej”ColorIndex”:

const ColorIndex = kolory.indexof („zielony”);

Następnie wywołaj metodę splat () i przejdź indeksem elementu „zielony„To jest przechowywane w zmiennym ColorIndex, który zostanie zastąpiony”1”Czy deleteCount oznacza wyeliminowanie tylko jednego elementu z tablicy i”Biały”Jako zamiennik:

zabarwienie.splice (ColorIndex, 1, „biały”);

Na koniec wydrukuj nową tablicę na konsoli:

konsola.log („nowa tablica:”, kolory);

Zebraliśmy wszystkie najlepsze podejścia do wymiany obiektów z tablic JavaScript.

Wniosek

Aby zastąpić obiekt w tablicy, JavaScript zapewnia pewne predefiniowane metody, takie jak użycie indeksu tablicy, „indeks()„Metoda, pętla lub„splatać()" metoda. Wszystkie te metody skutecznie zastąpiły obiekt z tablicy. Pierwsza metoda jest najczęstszym sposobem wymiany elementów z tablicy, ale jest przydatna w małych tablicach, których indeksy są znane. Na tym blogu opisaliśmy różne sposoby zastępowania obiektów w tablicach JavaScript.