Как да добавите свойство към обект в JavaScript

JavaScript обектите обработват множество свойства, които са стойностите на двойката ключове. Тези свойства се използват за указване на качествата и характеристиките на дефиниран обект в JavaScript. Когато обектите са създадени, съответните им свойства могат да се добавят, изтриват и променят динамично. По-конкретно, има множество методи на JavaScript за добавяне на свойства към обект.

Тази публикация ще посочи множеството методи за добавяне на свойство към обект в JavaScript.

Как да добавите/вмъкнете свойство към обект в JavaScript?

Сега ще разгледаме следните методи за добавяне на свойства към обект:

• Метод 1: Добавяне на свойство чрез нотация с точка (.)
• Метод 2: Добавяне на свойство чрез метода Object.assign().
• Метод 3: Добавяне на свойство чрез метода Object.defineProperty().

Метод 1: Добавяне на свойство към обект с помощта на нотация с точка (.)

Точковата нотация е метод за достъп до свойството на обект. Когато пишете в нотация с точка, първо трябва да напишете името на обекта, след това точка (.) и след това да въведете името на свойството.

Пример

Първо, декларирайте обект с помощта на „ позволявам ” и задайте свойствата на дефинирания обект в блока:

Използвай ' console.log() ' метод и подайте аргумента ' обект ”, за да се покаже на конзолата:

Сега добавете свойството с помощта на нотацията с точка:

Показване на изход на конзолата:

Изход

Метод 2: Добавяне на свойство към обект с помощта на метода Object.assign().

Можем също да използваме „ присвояване () ” вграден метод на JavaScript за добавяне на свойствата в обект. „ Object.assign() ” е статичен метод на JavaScript, който се използва за копиране на всички изброими функции и свойства от един или повече изходни обекти за насочване към обекта.

Синтаксис

За да използвате метода object.assign(), проверете дадения синтаксис:

В горния синтаксис:

• “ мишена ” определя обекта, в който стойностите на свойствата ще бъдат копирани.
• “ източник ” указва обекта, където трябва да се копират съответните стойности на свойствата.

Пример

В този пример първо декларирайте променлива и задайте свойствата. След това декларирайте друга променлива, като следвате същата процедура:

Използвай ' Object.assign() ” и предава аргументите, където първият параметър е целевият обект, а вторият параметър е обектът източник. Този метод ще копира всички изходни стойности в целевата стойност:

След това извикайте „ console.log() ” за показване на резултата на конзолата:

Изход

Метод 3: Добавяне на свойство към обект с помощта на метода Object.defineProperty()

„ Object.defineProperty() ” е статичен метод на JavaScript, който се използва за дефиниране на най-новото и ново свойство директно на обект или за промяна на съществуващото свойство на обект и връщане на обекта.

Синтаксис

За да използвате „ Object.defineProperty() ”, следвайте дадения синтаксис:

Тук:

• “ обект ” се отнася до обекта.
• “ нова_собственост ” определя свойството, което ще бъде добавено.
• “ конфигурация ” определя стойността, която може да бъде променяна и модифицирана.

Пример

Декларирайте обект с помощта на „ позволявам ” ключова дума:

Използвайте „ Object.defineProperty() ” и подайте аргументите и задайте стойността за свойството за запис като true. Следователно свойството id на object obj може да бъде променено сега:

Добавете собственост с помощта на „ об.ид ” и задайте стойността:

Според предадените аргументи, конзолата ще покаже променената стойност на свойството:

Задайте стойността на свойството за запис като false. В резултат на това свойството name на object obj не може да бъде променено сега:

Добавете собственост с помощта на „ obj.name ” и задайте стойността:

Според подадените аргументи, конзолата няма да покаже подадената нова (Hafsa Javed) стойност на свойството, а по-стара (Hafsa) стойност:

Това е всичко за добавяне на свойството към обект в JavaScript.

Заключение

За да добавите свойството към обект в JavaScript, могат да се използват множество методи. Потребителите могат да добавят свойството към обект, като използват „ точка (.) ”, “ Object.assign() ” или метода „ Object.defineProperty() ” метод. Тази публикация посочи множеството методи за добавяне на свойството към обект в JavaScript.