progway — программирование, IT

​Деструктуризация JavaScript

Как вы справляетесь с ситуацией, когда из объекта нужно сохранить определенную переменную?
Самым удобным способом является деструктуризация. Это синтаксис, когда мы в одну строку создаем несколько переменных из какого-либо объекта.

const json = {
    name: "Denis",
    surname: "Putnov",
    age: 19,
    email: "[email protected]",
    adress: {
        city: "Voronezh",
        country: "Russia",
    }, 
    username: "grnbows"
}

Допустим, у нас есть такой json, пришедший нам с сервера. Реализуем функцию приветствия:

const sayHi = (person) => 
    console.log(`Hi ${person.name} from ${person.adress.country}`)  

Работает отменно и выводит нужное сообщение. Но код выглядит не очень красиво.

Перепишем функцию и воспользуемся деструктуризацией:

const sayHi = (person) => {
    const {name, adress: {country}} = person

    console.log(`Hi ${name} from ${country}`)
}    

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

const sayHi = ({ name, adress: { country } }) => 
    console.log(`Hi ${name} from ${country}`)

Таким образом внутри тела функции мы получаем доступ только к нужным переменным, повышаем читаемость кода.

На этом у меня всё. Спасибо за прочтение.

#javascript

www.tgoop.com/prog_way_blog/93

446 viewsJun 1, 2021 at 14:00

​Деструктуризация JavaScript

Как вы справляетесь с ситуацией, когда из объекта нужно сохранить определенную переменную?
Самым удобным способом является деструктуризация. Это синтаксис, когда мы в одну строку создаем несколько переменных из какого-либо объекта.

const json = {
    name: "Denis",
    surname: "Putnov",
    age: 19,
    email: "[email protected]",
    adress: {
        city: "Voronezh",
        country: "Russia",
    }, 
    username: "grnbows"
}

const sayHi = (person) => 
    console.log(`Hi ${person.name} from ${person.adress.country}`)  

const sayHi = (person) => {
    const {name, adress: {country}} = person

    console.log(`Hi ${name} from ${country}`)
}    

const sayHi = ({ name, adress: { country } }) => 
    console.log(`Hi ${name} from ${country}`)

BY progway — программирование, IT