내 `console.log`에 스플라이싱 후 배열 길이와 개체 값이 다르게 표시되는 이유는 무엇입니까?

Objects & Console.log의 이상한 동작

제공된 코드는 Chrome 콘솔에서 특이한 출력을 나타냅니다. 요소를 접합하기 전과 후에 길이가 다른 값을 표시하면서 5개의 객체 배열이 표시되는 이유는 무엇입니까?

설명:

Console.log는 객체 검사를 비동기적으로 처리합니다. . 콘솔은 개체에 대한 참조를 즉시 수신하지만 확장될 때까지 해당 속성을 표시하지 않습니다. 확장하기 전에 개체가 수정되면 표시된 데이터에 업데이트된 값이 반영됩니다.

Chrome 콘솔 동작:

Chrome 콘솔은 이 동작을 "i"로 나타냅니다. 상자 위에 마우스를 올리면 다음 메시지가 표시됩니다. "기록 시 왼쪽 개체 값이 스냅샷되었으며, 아래 값은 방금 평가되었습니다. now."

문제 극복:

이 문제를 완화하려면 다음 전략을 고려하십시오.

• 개별 값 기록: console. log(obj.foo, obj.bar, obj.baz);
• JSON으로 객체를 인코딩합니다. console.log(JSON.stringify(obj));
• JSON을 다시 인코딩합니다. console.log(JSON.parse(JSON.stringify(obj)));

JSON은 함수 및 DOM 요소와 같은 직렬화할 수 없는 속성을 제거하며 순환 참조에서 실패할 수 있습니다. 따라서 이러한 개체에는 지능형 전체 복사 변형을 사용하는 것이 좋습니다.

위 내용은 내 `console.log`에 스플라이싱 후 배열 길이와 개체 값이 다르게 표시되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!