Console.log ()를 사용하여 배열을 표시하십시오
다음 배열을 구성한다고 상상해보십시오
var 언어 = [
{이름 : "JavaScript", FileExtension : ".js"},
{이름 : "TypeScript", FileExtension : ".ts"},
{이름 : "커피 스크립트", FileExtension : ".coffee"}}
];
console.log(languages);Console.log ()는 이러한 방식으로 배열을 표시합니다
이 디스플레이 형식은 개발에 매우 유용하지만 각 객체를 수동으로 클릭하는 것이 약간 부피가 크다는 것을 알았습니다. 현재 Console.table ()가 약간 흥미 롭다고 생각합니다.
Console.table ()을 사용하여 배열을 표시하십시오
이제 console.table ()를 사용해 보겠습니다.
아주 작습니까?
물론 Console.table ()은 더 적합하고 표 형식 데이터에 평평하게 나열되어 있으며 더 완벽하게 제공됩니다. 각 배열 요소의 구조가 다른 경우 테이블의 많은 그리드가 정의되지 않습니다.
Console.table ()을 사용하여 개체를 표시하십시오
Console.table ()의 또 다른 기능은 객체를 표시하는 것입니다.
var languages = {CSHARP : {이름 : "C#", 패러다임 : "객체 지향"},
fsharp : {이름 : "F#", 패러다임 : "기능적"}
};
console.table(languages);절대적으로 사실입니다.
console.table () 필터링 기능
Console.table ()을 특정 열을 표시하도록 제한하려면 다음과 같이 매개 변수 목록을 전달할 수 있습니다.
// 여러 속성 키
console.table (언어, [ "이름", "패러다임"]);
속성에 액세스하려면 하나의 매개 변수로 충분합니다.
// A single property keyconsole.table(languages, "name");나는 크롬 개발자 도구의 대부분의 기능을 이미 이해했다고 생각했지만 지금은 분명히 틀렸다. 할 일이 없다면 Chrome Devtools 문서를 확인하십시오!