Ошибка консоли Chrome?

Question

Ошибка консоли Chrome?

1

Этот вопрос не вызывает никаких сомнений или проблем. По-видимому, кажется, что я наткнулся на ошибку, возможно, на хром-консоли,

Я использую этот код:

console.log("Before: ", this.selectedScorecard.scorecard_attributes);
let attribute = this.selectedScorecard.scorecard_attributes.find(item => item.id === null || item.id === undefined)

if(attribute) {
   let length = this.selectedScorecard.scorecard_attributes.length;
   this.selectedScorecard.scorecard_attributes.splice(length-1, 1);
   console.log("After: ", this.selectedScorecard.scorecard_attributes);
}

Хорошо, поэтому атрибут представляет собой массив, и он сначала представляет собой массив длиной 2. Теперь я соединяю один элемент из массива и печатаю его значение до и после сращивания.

В хром-консоли в фрагменте перед массивом он показывает (2), указывающий длину как 2, но в самом массиве он показывает длину как 1, а также только один элемент в "Перед консолью массива", в то время как все очевидно, как ожидаемый в "После консоли" я прикрепляю изображение для лучшего понимания

Мне любопытно, кто-нибудь об этом знает? Кто-нибудь сталкивается с этим раньше или я только тот, кто его замечает?

Manzur Khan 26 окт. 2017, в 16:42

Источник

2

вам нужно глубоко скопировать объект, если вы не хотите, чтобы он был изменен.
Roland Starke 26 окт. 2017, в 14:01
0

Чтобы обойти это: console.log("Before: ", JSON.parse(JSON.stringify(this.selectedScorecard.scorecard_attributes)));
Darren Sweeney 26 окт. 2017, в 14:05
0

Добро пожаловать в мир побочных эффектов.
user6445533 26 окт. 2017, в 14:51
1

Наведите курсор на [i] в каждой строке. Он говорит вам, что значение было оценено во время расширения строки.
Felix Kling 26 окт. 2017, в 17:08

Показать ещё 2 комментария

Теги:

javascript

ecmascript-6

google-chrome-devtools

web-inspector

1 ответ

Ещё вопросы

вам нужно глубоко скопировать объект, если вы не хотите, чтобы он был изменен.
Чтобы обойти это: console.log("Before: ", JSON.parse(JSON.stringify(this.selectedScorecard.scorecard_attributes)));
Добро пожаловать в мир побочных эффектов.
Наведите курсор на [i] в каждой строке. Он говорит вам, что значение было оценено во время расширения строки.

Nicholas Tower · Accepted Answer · 2017-10-26T12-22-00.000Z

Когда console.log запускается, хром синхронно выводит сводку о том, что там. Массив имеет 2 элемента, поэтому сводные журналы a (2). Chrome сохраняет ссылку на массив, если позже вы решите, что хотите увидеть больше данных, но он не клонирует весь массив.

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

Кроме того, я бы добавил, что для обхода объектов в журнале в том виде, в котором они находятся в данный момент, достаточно просто использовать console.log( JSON.stringify( obj ) )