เมื่อทำการดีบักโดยใช้console.log()ฉันจะได้รับวัตถุเต็มได้อย่างไร

const myObject = {
   "a":"a",
   "b":{
      "c":"c",
      "d":{
         "e":"e",
         "f":{
            "g":"g",
            "h":{
               "i":"i"
            }
         }
      }
   }
};    
console.log(myObject);

ขาออก:

{ a: 'a', b: { c: 'c', d: { e: 'e', f: [Object] } } }

แต่ฉันต้องการเห็นเนื้อหาของทรัพย์สินfด้วย

คุณต้องใช้util.inspect():

const util = require('util')

console.log(util.inspect(myObject, {showHidden: false, depth: null}))

// alternative shortcut
console.log(util.inspect(myObject, false, null, true /* enable colors */))

เอาท์พุท

{ a: 'a',  b: { c: 'c', d: { e: 'e', f: { g: 'g', h: { i: 'i' } } } } }

ดูเอกสารutil.inspect()

คุณสามารถใช้JSON.stringifyและรับการเยื้องที่ดีรวมทั้งอาจจำได้ง่ายขึ้น

console.log(JSON.stringify(myObject, null, 4));

{
    "a": "a",
    "b": {
        "c": "c",
        "d": {
            "e": "e",
            "f": {
                "g": "g",
                "h": {
                    "i": "i"
                }
            }
        }
    }
}

อาร์กิวเมนต์ที่สามตั้งค่าระดับการเยื้องเพื่อให้คุณสามารถปรับได้ตามต้องการ

รายละเอียดเพิ่มเติมที่นี่หากจำเป็น:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

^{การรวบรวมคำตอบที่มีประโยชน์มากมายจาก (อย่างน้อย) Node.js v0.10.33(เสถียร) / v0.11.14(ไม่แน่นอน) สันนิษฐานผ่าน (อย่างน้อย) v7.7.4(รุ่นปัจจุบันเป็นของการอัปเดตล่าสุดสำหรับคำตอบนี้) เคล็ดลับหมวกกับRory O'Kaneเพื่อขอความช่วยเหลือ}

TL; DR

เพื่อให้ได้ผลลัพธ์ที่ต้องการสำหรับตัวอย่างในคำถามใช้console.dir():

console.dir(myObject, { depth: null }); // `depth: null` ensures unlimited recursion

ทำไมutil.inspect()ล่ะ เพราะมันมีอยู่แล้วที่เป็นหัวใจของการส่งออกการวินิจฉัย: console.log()และconsole.dir()เช่นเดียวกับ Node.js REPL ใช้util.inspect() โดยปริยาย โดยทั่วไปไม่จำเป็นต้องrequire('util')โทรออกutil.inspect()โดยตรง

รายละเอียดด้านล่าง

• console.log()(และนามแฝงของมันconsole.info()):

  • หากอาร์กิวเมนต์ที่ 1 ไม่ใช่สตริงรูปแบบ : util.inspect()จะถูกใช้กับทุกอาร์กิวเมนต์โดยอัตโนมัติ:
    • o = { one: 1, two: 'deux', foo: function(){} }; console.log(o, [1,2,3]) // -> '{ one: 1, two: 'deux', foo: [Function] } [ 1, 2, 3 ]'
    • โปรดทราบว่าคุณไม่สามารถส่งตัวเลือกผ่านutil.inspect()ในกรณีนี้ซึ่งหมายถึงข้อ จำกัด ที่เด่น 2 ประการ:
      • ความลึกเชิงโครงสร้างของเอาต์พุตจำกัด เพียง2ระดับ (ค่าเริ่มต้น)
        • เนื่องจากคุณไม่สามารถเปลี่ยนนี้กับconsole.log()คุณแทนที่จะต้องใช้console.dir(): console.dir(myObject, { depth: null }พิมพ์ที่มีไม่ จำกัดลึก ; ดูด้านล่าง
      • คุณไม่สามารถเปิดการระบายสีไวยากรณ์
  • ถ้าอาร์กิวเมนต์ที่ 1 คือสตริงรูปแบบ (ดูด้านล่าง): ใช้util.format()เพื่อพิมพ์อาร์กิวเมนต์ที่เหลือตามสตริงรูปแบบ (ดูด้านล่าง); เช่น:
    • o = { one: 1, two: 'deux', foo: function(){} }; console.log('o as JSON: %j', o) // -> 'o as JSON: {"one":1,"two":"deux"}'
    • บันทึก:
      • ไม่มีตัวยึดตำแหน่งสำหรับการแสดงวัตถุ util.inspect() - สไตล์
      • JSON ที่สร้างขึ้นด้วย%jจะไม่พิมพ์สวย

• console.dir():

  • ยอมรับอาร์กิวเมนต์เพียง1ข้อเท่านั้นที่จะตรวจสอบและนำไปใช้เสมอutil.inspect()- โดยทั่วไปแล้วตัวห่อหุ้มที่util.inspect()ไม่มีตัวเลือกโดยค่าเริ่มต้น เช่น:
    • o = { one: 1, two: 'deux', foo: function(){} }; console.dir(o); // Effectively the same as console.log(o) in this case.
  • Node.js v0.11.14 + : อาร์กิวเมนต์ตัวเลือกที่ 2 ระบุตัวเลือกสำหรับutil.inspect() - ดูด้านล่าง; เช่น:
    • console.dir({ one: 1, two: 'deux'}, { colors: true }); // Node 0.11+: Prints object representation with syntax coloring.

• REPL : ปริยายพิมพ์ค่าตอบแทนการแสดงออกใด ๆ กับutil.inspect() ที่มี สีไวยากรณ์ ;
  เช่นเพียงพิมพ์ชื่อตัวแปรแล้วกด Enter จะพิมพ์ค่าที่ตรวจสอบแล้วของรุ่นนั้น เช่น:
  • o = { one: 1, two: 'deux', foo: function(){} } // The REPL echoes the object definition with syntax coloring.

util.inspect()โดยอัตโนมัติสวยพิมพ์วัตถุและอาร์เรย์การแสดงแต่ผลิตหลายเอาท์พุทเมื่อจำเป็นเท่านั้น

• คุณสมบัติการพิมพ์แบบสวยสามารถควบคุมได้โดยcompactคุณสมบัติในoptionsอาร์กิวเมนต์ที่เป็นทางเลือก falseใช้เอาต์พุตหลายบรรทัดโดยไม่มีเงื่อนไขในขณะที่trueปิดใช้งานการพิมพ์ที่สวยงามทั้งหมด ก็ยังสามารถตั้งค่าให้เป็นจำนวน (เริ่มต้นคือ3) เพื่อควบคุมพฤติกรรมหลายสายเงื่อนไข - ดูเอกสาร

• โดยค่าเริ่มต้นการส่งออกจะอยู่ที่ประมาณ 60 ตัวอักษร^{ขอบคุณShrey} ไม่ว่าจะส่งออกไปยังไฟล์หรือเทอร์มินัลก็ตาม ในทางปฏิบัติเนื่องจากการขึ้นบรรทัดใหม่เกิดขึ้นที่ขอบเขตคุณสมบัติเท่านั้นคุณมักจะจบลงด้วยเส้นที่สั้นกว่า แต่ก็สามารถยาวขึ้นได้เช่นกัน

• ใน v6.3.0 + คุณสามารถใช้breakLengthตัวเลือกเพื่อแทนที่ขีด จำกัด 60 อักขระ หากคุณตั้งค่าเป็นInfinityทุกสิ่งจะแสดงผลในบรรทัดเดียว

หากคุณต้องการควบคุมการพิมพ์ที่น่าดึงดูดยิ่งขึ้นลองพิจารณาใช้JSON.stringify()กับอาร์กิวเมนต์ที่ 3แต่ให้สังเกตสิ่งต่อไปนี้:

• ล้มเหลวกับวัตถุที่มีการอ้างอิงแบบวงกลมเช่นmoduleในบริบทส่วนกลาง
• วิธีการ (ฟังก์ชั่น) จะไม่รวมอยู่ในการออกแบบ
• คุณไม่สามารถเลือกที่จะแสดงคุณสมบัติที่ซ่อนอยู่ (ไม่นับ)
• ตัวอย่างการโทร:
  • JSON.stringify({ one: 1, two: 'deux', three: true}, undefined, 2); // creates a pretty-printed multiline JSON representation indented with 2 spaces

util.inspect()วัตถุตัวเลือก (อาร์กิวเมนต์ที่ 2):

วัตถุตัวเลือกที่เป็นทางเลือกอาจถูกส่งผ่านที่เปลี่ยนแปลงลักษณะบางอย่างของสตริงที่จัดรูปแบบ คุณสมบัติบางอย่างที่รองรับคือ:

^{ดูเอกสารล่าสุดของ Node.jsสำหรับรายการปัจจุบันทั้งหมด}

• showHidden

  • ถ้าtrueคุณสมบัติของวัตถุที่ไม่นับจำนวน [ที่ถูกกำหนดให้ไม่แสดงเมื่อคุณใช้งานfor keys in objหรือObject.keys(obj)] จะแสดงด้วย เริ่มfalseต้นที่

• depth

  • บอกให้ตรวจสอบจำนวนครั้งในการเรียกคืนในขณะที่จัดรูปแบบวัตถุ สิ่งนี้มีประโยชน์สำหรับการตรวจสอบวัตถุที่ซับซ้อนขนาดใหญ่ เริ่มต้นที่ 2 ที่จะทำให้มัน recurse ไปเรื่อย ๆ nullผ่าน

• colors

  • ถ้าเป็นจริงผลลัพธ์จะถูกจัดรูปแบบด้วยรหัสสี ANSI เริ่มfalseต้นที่ สีสามารถปรับแต่งได้ [… - ดูลิงค์]

• customInspect

  • ถ้าฟังก์ชั่นที่falseกำหนดเองที่inspect()กำหนดไว้ในวัตถุที่กำลังตรวจสอบจะไม่ถูกเรียก เริ่มtrueต้นที่

util.format()ตัวยึดรูปแบบสตริง (อาร์กิวเมนต์ที่ 1)

ตัวยึดบางตัวที่รองรับคือ:

^{ดูเอกสารล่าสุดของ Node.jsสำหรับรายการปัจจุบันทั้งหมด}

• %s - สตริง
• %d - จำนวน (ทั้งจำนวนเต็มและลอย)
• %j - JSON
• %%- เครื่องหมายเปอร์เซ็นต์เดียว ('%') สิ่งนี้ไม่ใช้การโต้แย้ง

อีกวิธีง่าย ๆ คือการแปลงเป็น json

console.log('connection : %j', myObject);

ลองสิ่งนี้:

console.dir(myObject,{depth:null})

ตั้งแต่ Node.js 6.4.0 สิ่งนี้สามารถแก้ไขได้อย่างสวยงามด้วยutil.inspect.defaultOptions:

require("util").inspect.defaultOptions.depth = null;
console.log(myObject);

บางทีอาจconsole.dirเป็นสิ่งที่คุณต้องการ

http://nodejs.org/api/console.html#console_console_dir_obj

ใช้ util.inspect บน obj และพิมพ์สตริงผลลัพธ์เป็น stdout

ใช้ตัวเลือก util ถ้าคุณต้องการการควบคุมเพิ่มเติม

คุณยังสามารถทำ

console.log(JSON.stringify(myObject, null, 3));

วิธีที่ดีในการตรวจสอบวัตถุคือการใช้โหนด--inspectตัวเลือกกับChrome DevTools สำหรับโหนด

node.exe --inspect www.js

เปิดchrome://inspect/#devicesใน chrome และคลิกเปิด DevTools เฉพาะสำหรับโหนด

ตอนนี้ทุกวัตถุที่บันทึกไว้มีให้บริการในตัวตรวจสอบเช่น JS ปกติที่ทำงานในโครเมี่ยม

ไม่จำเป็นต้องเปิดตัวตรวจสอบอีกครั้งมันจะเชื่อมต่อกับโหนดโดยอัตโนมัติทันทีที่โหนดเริ่มทำงานหรือรีสตาร์ท ทั้ง--inspectและChrome DevTools สำหรับ Nodeอาจไม่สามารถใช้งานได้ใน Node และ Chrome รุ่นเก่า

สามารถใช้ทั้งสองวิธีนี้:

// more compact, and colour can be applied (better for process managers logging)
console.dir(queryArgs, { depth: null, colors: true });

// get a clear list of actual values
console.log(JSON.stringify(queryArgs, undefined, 2));

ฉันคิดว่านี่อาจเป็นประโยชน์สำหรับคุณ

const myObject = {
   "a":"a",
   "b":{
      "c":"c",
      "d":{
         "e":"e",
         "f":{
            "g":"g",
            "h":{
               "i":"i"
            }
         }
      }
   }
};

console.log(JSON.stringify(myObject, null, '\t'));

ตามที่ระบุไว้ในคำตอบนี้ :

JSON.stringifyพารามิเตอร์ที่สามของคำจำกัดความหมายถึงการแทรก white-space สำหรับการพิมพ์แบบสวย สามารถเป็นสตริงหรือตัวเลข (จำนวนช่องว่าง)

คุณสามารถเพิ่มinspect()วิธีการในวัตถุของคุณซึ่งจะแทนที่การเป็นตัวแทนของวัตถุในconsole.logข้อความ

เช่น:

var myObject = {
   "a":"a",
   "b":{
      "c":"c",
      "d":{
         "e":"e",
         "f":{
            "g":"g",
            "h":{
               "i":"i"
            }
         }
      }
   }
};
myObject.inspect = function(){ return JSON.stringify( this, null, ' ' ); }

จากนั้นวัตถุของคุณจะถูกแสดงตามต้องการทั้งใน console.log และ node shell

เคล็ดลับง่ายๆก็คือใช้debugโมดูลเพื่อเพิ่มDEBUG_DEPTH=nullเป็นตัวแปรสภาพแวดล้อมเมื่อเรียกใช้สคริปต์

อดีต

DEBUG = * DEBUG_DEPTH = null โหนด index.js

ในรหัสคุณ

const debug = require('debug');
debug("%O", myObject);

โหนด REPL ได้ในตัวโซลูชั่นสำหรับการเอาชนะว่าวัตถุจะแสดงให้ดูที่นี่

โมดูล REPL ใช้ภายในutil.inspect()เมื่อพิมพ์ค่า อย่างไรก็ตามutil.inspectมอบหมายการเรียกใช้inspect() ฟังก์ชันของวัตถุถ้ามี

ตัวเลือกที่ง่ายที่สุด:

    console.log('%O', myObject);

JSON.stringify ()

let myVar = {a: {b: {c: 1}}};
console.log(JSON.stringify( myVar, null, 4 ))

เหมาะสำหรับการตรวจสอบวัตถุข้อมูลอย่างละเอียด วิธีนี้ใช้ได้กับอาร์เรย์ที่ซ้อนกันและวัตถุที่ซ้อนอยู่ด้วยอาร์เรย์