ใช้ console.log () เพื่อแสดงอาร์เรย์
ลองนึกภาพคุณสร้างอาร์เรย์ต่อไปนี้
var languages = [
{ชื่อ: "javascript", fileextension: ".js"},
{ชื่อ: "typeScript", fileextension: ".ts"},
{ชื่อ: "CoffeeScript", FileExtension: ".Coffee"}
-
console.log(languages);console.log () จะแสดงอาร์เรย์ด้วยวิธีนี้
รูปแบบการแสดงผลนี้มีประโยชน์มากสำหรับการพัฒนา แต่ฉันพบว่ามันค่อนข้างใหญ่พอที่จะคลิกแต่ละวัตถุด้วยตนเอง ในเวลานี้ฉันคิดว่า console.table () น่าสนใจเล็กน้อย
ใช้ console.table () เพื่อแสดงอาร์เรย์
ตอนนี้ลองใช้ console.table ():
เล็กมากหรือไม่?
แน่นอน console.table () มีความเหมาะสมมากกว่าแสดงรายการในข้อมูลรูปแบบตารางและนำเสนอได้อย่างสมบูรณ์แบบมากขึ้น หากองค์ประกอบอาร์เรย์แต่ละตัวมีโครงสร้างที่แตกต่างกันตารางจำนวนมากของตารางของคุณจะไม่ได้กำหนด
ใช้ console.table () เพื่อแสดงวัตถุ
คุณสมบัติอื่นของ console.table () คือการแสดงวัตถุ
var languages = {csharp: {ชื่อ: "C#", กระบวนทัศน์: "Object-oriented"},
fsharp: {ชื่อ: "f#", กระบวนทัศน์: "ฟังก์ชั่น"}
-
console.table(languages);มันเป็นเรื่องจริงอย่างแน่นอน
console.table () ฟังก์ชั่นการกรอง
หากคุณต้องการ จำกัด console.table () เพื่อแสดงคอลัมน์ที่แน่นอนคุณสามารถส่งผ่านรายการพารามิเตอร์ดังนี้:
// คีย์คุณสมบัติหลายตัว
console.table (ภาษา, ["ชื่อ", "กระบวนทัศน์"]);
หากคุณต้องการเข้าถึงคุณสมบัติพารามิเตอร์หนึ่งก็เพียงพอแล้ว
// A single property keyconsole.table(languages, "name");ฉันเคยคิดว่าฉันเข้าใจฟังก์ชั่นส่วนใหญ่ของเครื่องมือนักพัฒนาโครเมี่ยม แต่ตอนนี้ฉันผิดอย่างเห็นได้ชัด หากคุณไม่มีอะไรทำลองดูเอกสาร Chrome Devtools!