Jak dołączyć wartości do obiektywu w JavaScript

Jak dołączyć wartości do obiektywu w JavaScript
Obiekt jest najważniejszą jednostką w języku programowania ze względu na niezmienną właściwość. Dzięki tej właściwości deweloperzy mogą manipulować różnymi zadaniami przez obiekty. Dołączenie różnych wartości do istniejącego obiektu jest przeprowadzane w celu wprowadzenia zmian w czasie wykonywania obiektów. JavaScript oferuje różnorodne wbudowane metody dołączania wartości do obiektów w JavaScript. W tym poście zademonstrujemy wszystkie możliwe metody wraz z przykładami, aby dołączyć wartości do obiektów w JavaScript. Ten post obsługuje następujące wyniki uczenia się:
  • Za pomocą obiektu.przypisuj () metodę dołączania wartości do obiektu w JavaScript
  • Za pomocą metody push () do dołączania wartości do obiektu w JavaScript
  • Korzystanie z operatora spread (…) do dołączenia wartości do obiektu w JavaScript

Metoda 1: Korzystanie z obiektu.przypisuj () metodę dołączania wartości do obiektu w JavaScript

Obiekt.przydzielać() Metoda jest znana z dołączania wartości do obiektów. Wymaga dwóch argumentów. Pierwszy reprezentuje obiekt docelowy, a drugi argument przyjmuje pary klucza/wartości. Składnia Obiekt.przydzielać() Metoda podano poniżej:

Składnia

Obiekt.przypisuj (cel, źródło);

Parametry opisano tutaj:

  • cel: Określa obiekt, do którego wartości zostaną dołączone.
  • źródło: odnosi się do dołączonej wartości.

Zrozumiemy działanie tej metody za pomocą następującego przykładowego kodu:

Kod

konsola.log („Przykład do użycia metody cession ()”);
Niech user_obj =
1: nazwa: „Adam”,
2: Nazwa: „Harry”,
;
Niech obj = obiekt.scyk (user_obj, 3: name: „Jasam”);
konsola.log (OBJ);

W tym kodzie:

  • Po pierwsze, „Adam” I "Złupić" są przypisywane jako wartości do "nazwa" nieruchomość.
  • Obiekt.przydzielać() Metoda jest wykorzystywana do dołączenia „Jasam” wartość do „User_obj” obiekt.
  • Wreszcie konsola.dziennik() Metoda jest stosowana do przedstawienia wszystkich wartości w oknie konsoli.

Wyjście

Z wyjścia obserwuje się, że nowa wartość jest pomyślnie dodawana do obiektu.

Metoda 2: Za pomocą metody push () do dołączania wartości do obiektu tablicy w JavaScript

naciskać() Metodę można zastosować do dodania lub wstawienia jednej lub wielu wartości do tablicy. Ta metoda zwraca nową tablicę po dołączeniu wartości. Zobaczmy, czy działa za pomocą następującej składni:

Składnia

arr.push (wartość 1, wartość2,…, valuen)

W tej składni, „Value1”, „Value2” I „Valuen” Czy wartości, które należy dołączyć do „arr" zmienny.

Kod

konsola.log („Przykład do użycia metody cession ()”);
const sport = [„krykieta”, „hokej”, „piłka nożna”];
const licznik = sport.push („koszykówka”);
konsola.log (licznik);
konsola.log (sport);

Opis kodu jest tutaj podany:

  • Tablica o nazwie "Sporty" powstaje, który obejmuje trzy elementy i.mi., „Cricket”, „Hockey” I "piłka nożna".
  • Następnie wartość "Koszykówka" jest dołączane do korzystania z Sporty.naciskać() Metoda w JavaScript.
  • W końcu konsola.dziennik() Metoda wyświetla tablicę w oknie konsoli.

Wyjście

Dane wyjściowe pokazuje, że "Koszykówka" Wartość jest dołączona do Sporty obiekt, wykorzystując naciskać() metoda.

Metoda 3: Korzystanie z operatora spread (…) do dołączenia wartości do obiektywu w JavaScript

Operator spread (…) jest stosowany do dołączania wartości do obiektów w JavaScript. Przydatne jest scalanie obiektów w jedno miejsce. Składnia operatora rozprzestrzeniania się znajduje poniżej:

Składnia

… Obj, klucz: „wartość”

W tej składni, "wartość" jest przypisany do klucz w obiekcie obj.

Przykładowy kod operatora rozprzestrzeniania się do dołączenia wartości do obiektu znajduje się poniżej:

Kod

konsola.log („Przykład użycia operatora rozprzestrzeniania się”);
niech obj1 = nazwa: „Harry”;
obj2 = … obj1, kolor: „biały”;
konsola.log (obj2);

W tym kodzie:

  • Jakiś „Obj1”Jest wykorzystywany do przechowywania elementu nazwa przypisując wartość "Złupić".
  • Potem "biały" Wartość dołącza do „OBJ1”.
  • W końcu konsola.dziennik() Metoda wyświetla dołączone wartości w oknie konsoli.

Wyjście

Wyjście pokazuje nowy obiekt „OBJ2„Który zawiera wartość z obiektu„OBJ1”, A także wartość dołączona”biały".

Wniosek

JavaScript zapewnia dwie metody, i.mi., Obiekt.przydzielać() I naciskać() Aby dołączyć wartości do obiektu.

Obiekt.przydzielać() Metoda dołączanie wartości do obiektów według par kluczy/wartości. naciskać() Metoda dodaje jedną lub wiele wartości do tablicy. Jednakże rozpowszechnianie się (…) Operator może być również używany do dołączania wartości do obiektu. Ten post wykazał wszystkie możliwości dołączania wartości do obiektu w JavaScript.