I Shar

I Shar

мир глазами веб-разработчика

Обновляем и удаляем свойство объекта

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

I Shar

время чтения 1 мин.

Photo by Angelina Litvin on Unsplash

В этом маленьком обзоре мы разберем, как изменить значение свойства объекта и как корректно удалить свойство объекта в JavaScript.

Для начала создадим сам объект:

var Person = function (name) {
    this.name = name
    this.getName = function() {
        return this.name
    }
    this.go = function () {
        return "I'm walking now."
    }
}

Как обновить свойство объекта

Для того, чтобы обновить свойство объекта, мы используем присваивание. Например, мы можем изменить значение свойства name для объекта, определенного выше, следующим образом:

person = new Person("Trung Anh Dang")
console.log(person.name)
// Trung Anh Dang
person.name = “Guest”
console.log(person.name)
// Guest

Необходимо помнить, что по умолчанию, при изменении значения несуществующего свойства объекта, это свойство будет создано:

console.log(person.age)
// undefined
person.age = 18
console.log(person.age)
// 18

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

Свойства объекта можно не только создавать и изменять, их можно так же и удалять. Для этого пригодится оператор delete. Например, чтобы удалить метод go объекта person, нам потребуется следующий код:

delete person.go
// true
console.log(person.go)
// undefined

Необходимо помнить, что присваивание свойству объекта значения null не приводит к его действительному удалению, в таком случае просто происходит обновление значения свойства объетка до null:

person.go = null
console.log(person.go)
// null


Спасибо за внимание.


Перевод статьи Trung Anh Dang “Update and deleting properties from an object in JavaScript”.

    • frontend
    • js

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.