Почему после присвоения переменная стает ссылкой на объект?

Question

[DragonChris]

Я пишу vue.js + laravel приложение.
Мой метод получения и обработки данных

getTestimonials() {
            axios.get('/api/testimonials?page='+this.pagination.current_page)
            .then(res => {

                var response = res.data;
                this.testimonials = response;
                console.log(res.data.data);
                console.log(response.data);
                console.log(this.testimonials.data);
                this.testimonials.data = [];
                console.log(res.data.data);
                console.log(response.data);
                console.log(this.testimonials.data);
    
                ... in the next code i want to use res.data.data but one is emprty

             })
                .catch((error) => console.log(error));
            },

В консоли я вижу вот это

Могу ли я обнулить масив testimonials.data и использовать res.data.data дальше? Если могу то как и почему происходить подобное при присвоении?
Спасибо заранее!!

Answer 1

[Алексей Ярков]

Могу ли я обнулить масив testimonials.data и использовать res.data.data дальше?

this.testimonials.data = [];

Ну так уже. Или вас смущает наличие в массиве __ob__?
Или вас смущает, что массивы в JS по ссылке передаются? Так копируйте его методом slice.

Comments

[DragonChris]

Нет, меня смущает то, что массив res.data.data тоже пуст! А я хочу использовать его далее...

[Алексей Ярков]

DragonChris, Я вам даже имя метода написал. Неужели лень попробовать?

console.clear()

const data = {
	data: ['w', 't', 'f']
}
let copy = data
const slice = data.data.slice()

console.log(data.data, copy.data, slice)
copy.data = []

console.log(data.data, copy.data, slice)

[DragonChris]

Спасибо, за ответ, не знал что массив по ссылке передается.
Теперь использую slice