как клонировать свойства объекта в другой объект на javascript без использования фреймворков

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для клонирования свойств объекта в другой объект на JavaScript без использования фреймворков можно воспользоваться следующими способами:

Использование цикла for...in:

function cloneObject(source) {
    let target = {};
    for (let key in source) {
        if (source.hasOwnProperty(key)) {
            target[key] = source[key];
        }
    }
    return target;
}

Использование метода Object.assign (если необходимо скопировать только перечислимые свойства):

function cloneObject(source) {
    return Object.assign({}, source);
}

Рекурсивное клонирование для вложенных объектов (если объект содержит другие объекты):

function cloneObject(source) {
    let target = {};
    for (let key in source) {
        if (typeof source[key] === 'object' && source[key] !== null) {
            target[key] = cloneObject(source[key]);
        } else {
            target[key] = source[key];
        }
    }
    return target;
}

С использованием спред-оператора (ES6):

function cloneObject(source) {
    return { ...source };
}

Для глубокого клонирования объекта с вложенными массивами и объектами, можно использовать JSON.parse и JSON.stringify:

function cloneObject(source) {
    return JSON.parse(JSON.stringify(source));
}

6 месяцев назад

Ivan Mamtsev

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

2 месяца

ООП на Javascript

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

1 месяц

СИКП на JS

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

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

Похожие вопросы