크롬 devtools 불일치 배열 길이

Question

Chrome DevTools의 불일치를 발견 한 것 같습니다.

위는 DevTools로의 스크린 샷이다. 처음에는 인쇄 된 물체에 Body과 Head이 들어 있다고 들었습니다. 머리 부분은 길이 1의 배열이어야합니다. 확장하면이 배열은 갑자기 길이가 2가됩니다.

문제의 배열을 확장하면 다음과 같은 결과가 나타납니다.

그래서뿐만 아니라 배열에서 빈 문자열있을 것 같습니다. 이 빈 문자열은 내 코드를 조사하여 문제를 일으키는 원인입니다. DevTools 출력에 주로 관심이 있습니다. devtools가 동일한 배열에 대해 두 가지 길이를 줄 수있는 이유는 누구나 생각할 수 있습니까?

DevTools는 길이가 1 인 배열의 내용을 별도의 변수로 자동으로 구문 분석합니까? 이 경우에 Head: [Array[2]]이 나올 것으로 예상 했었습니다.

우분투 버추얼 박스의 Chrome Dev 도구에 나열된 스크린 샷을 출력하려면 console.log을 사용하고 있습니다.

Answer 1

초기 화면이 형식에 한 때문이다

Object {Body: Array[20], Head: Array[1]} 

이 때 콘솔 제 로그를 생성한다. 확장 후에는 객체의 모든 속성을로드하고, 로깅과 열기 사이에 속성이 변경되면 다른 값을 표시합니다. 개체 뒤에있는 밝은 파란색 i 위로 마우스를 가져 가면 Chrome에서이 문제에 대해 무엇을 말하고 있는지 확인할 수 있습니다.