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

Kak Dobavit Svojstvo K Ob Ektu V Javascript



Объекты JavaScript обрабатывают несколько свойств, которые являются значениями пары ключей. Эти свойства используются для указания качеств и характеристик определенного объекта в JavaScript. Когда объекты созданы, их соответствующие свойства могут быть добавлены, удалены и изменены динамически. В частности, существует несколько методов JavaScript для добавления свойств к объекту.

В этом посте будут описаны несколько методов добавления свойства к объекту в JavaScript.







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

Теперь мы рассмотрим следующие методы добавления свойств к объекту:



Способ 1: добавление свойства к объекту с использованием записи через точку (.)

Точечная нотация — это метод доступа к свойству объекта. При записи в точечной нотации сначала следует написать имя объекта, затем точку (.), а затем вставить имя свойства.



Пример

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





пусть объект '=' {
имя : «Офицер» ,
возраст : 14 ,
} ;

Использовать ' console.log() ” метод и передать аргумент “ объект », чтобы отобразить на консоли:

консоль. бревно ( объект ) ;

Теперь добавьте свойство с помощью записи через точку:



объект образование '=' 'Инженер-программист' ;

Отобразить вывод на консоли:

консоль. бревно ( объект ) ;

Выход

Способ 2: добавить свойство к объекту с помощью метода Object.assign()

Мы также можем использовать « назначать() ” встроенный метод JavaScript для добавления свойств в объект. “ Объект.назначить() ” — это статический метод JavaScript, который используется для копирования всех исчисляемых функций и свойств из одного или нескольких исходных объектов для нацеливания на объект.

Синтаксис

Чтобы использовать метод object.assign(), проверьте данный синтаксис:

Объект . назначать ( цель , источник ) ;

В приведенном выше синтаксисе:

  • цель ” определяет объект, в который будут копироваться значения свойств.
  • источник ” указывает объект, в который должны быть скопированы соответствующие значения свойств.

Пример

В этом примере сначала объявите переменную и назначьте свойства. Затем объявите другую переменную, следуя той же процедуре:

пусть сотрудник '=' { имя : 'Диана' , возраст : 23 } ;
пусть информация '=' { пол : 'Женский' , Национальность : 'Канадский' } ;

Использовать ' Объект.назначить() ” и передайте аргументы, где первый параметр — это целевой объект, а второй параметр — исходный объект. Этот метод скопирует все исходные значения в целевое значение:

Объект . назначать ( сотрудник , информация ) ;

Затем вызовите « console.log() ” для вывода результата на консоль:

консоль. бревно ( сотрудник ) ;
консоль. бревно ( информация ) ;

Выход

Способ 3: добавление свойства к объекту с помощью метода Object.defineProperty()

Объект.defineProperty() ” — это статический метод JavaScript, который используется для определения последнего и нового свойства непосредственно в объекте или изменения существующего свойства объекта и возврата объекта.

Синтаксис

Чтобы использовать « Объект.defineProperty() ”, следуйте указанному синтаксису:

Объект . определить свойство ( объект , новое_свойство , конфигурация ) ;

Здесь:

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

Пример

Объявите объект с помощью « позволять ключевое слово:

пусть объект '=' { } ;

Используйте « Объект.defineProperty() ” и передайте аргументы, а также установите значение свойства, доступного для записи, как true. Следовательно, свойство id объекта obj теперь можно изменить:

Объект . определить свойство ( объект , 'идентификатор' , {
ценить : 137 ,
доступный для записи : истинный
} ) ;

Добавьте свойство с помощью « obj.id ” и присвоить значение:

объект идентификатор '=' 214 ;

В соответствии с переданными аргументами консоль отобразит измененное значение свойства:

консоль. бревно ( 'Идентификатор объекта:' , объект идентификатор ) ;

Установите значение свойства, доступного для записи, как false. В результате свойство name объекта obj теперь не может быть изменено:

Объект . определить свойство ( объект , 'имя' , {
ценить : «Офицер» ,
доступный для записи : ЛОЖЬ } ) ;

Добавьте свойство с помощью « obj.name ” и присвоить значение:

объект имя '=' «Хафса Джавед» ;

В соответствии с переданными аргументами консоль будет отображать не переданное новое (Hafsa Javed) значение свойства, а более старое (Hafsa) значение:

консоль. бревно ( 'Имя объекта:' , объект имя ) ;

Это все о добавлении свойства к объекту в JavaScript.

Заключение

Чтобы добавить свойство к объекту в JavaScript, можно использовать несколько методов. Пользователи могут добавить свойство к объекту, используя « запись через точку(.) », « Объект.назначить() 'метод' или ' Объект.defineProperty() метод. В этом посте указано несколько методов добавления свойства к объекту в JavaScript.