Объекты JavaScript обрабатывают несколько свойств, которые являются значениями пары ключей. Эти свойства используются для указания качеств и характеристик определенного объекта в JavaScript. Когда объекты созданы, их соответствующие свойства могут быть добавлены, удалены и изменены динамически. В частности, существует несколько методов JavaScript для добавления свойств к объекту.
В этом посте будут описаны несколько методов добавления свойства к объекту в JavaScript.
Как добавить/вставить свойство в объект в JavaScript?
Теперь мы рассмотрим следующие методы добавления свойств к объекту:
- Способ 1: добавить свойство с помощью записи через точку (.)
- Способ 2: добавить свойство с помощью метода Object.assign()
- Способ 3: добавить свойство с помощью метода Object.defineProperty()
Способ 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.