在 Metro console.log 中突出顯示對象屬性

Question

我必須在地鐵中 console.log 一個大對象，我想突出顯示一個特定的屬性。 例如：

let bigObject = {a:1,b:2,c:3,d:4};
console.log(bigObject)

當我 console.log 整個事情時，我想突出顯示屬性“c”：

有沒有辦法做到這一點 ？

Answer 1

• 這應該有效，但是，您需要單獨打印它們：

 let bigObject = { a: 1, b: 2, c: 3, d: 4 }; console.log(bigObject.a); console.log(bigObject.b); console.log('%c' + bigObject.c, 'background: blue; color: white'); console.log(bigObject.d);

該代碼段似乎不支持控制台樣式。

• 使用forEach()循環：

 let bigObject = { a: 1, b: 2, c: 3, d: 4 }; Object.keys(bigObject).forEach(e => { if (e === 'c') console.log('%c' + e + ": " + bigObject[e], 'background: blue; color: white'); else console.log(e + ": " + bigObject[e]); });

更多信息請訪問： https : //developer.mozilla.org/en-US/docs/Web/API/console#usage