Найкращий спосіб виведення вкладених об’єктів та масивів у JavaScript

Привіт, програмісти JavaScript! Сьогодні я хочу поділитися з вами новим способом виведення вкладених масивів або об’єктів для більш ефективного налагодження.

Що я використовував раніше:

const myObj = {  
 users: [  
 { name: "John", lastname: "Doe", age: 30 },  
 { name: "Jane", lastname: "Smith", age: 25 }  
 ]  
};  

console.log(myObj);  

// ----- вивід -----  
// { users: [[Object], [Object] ] }

Справжня проблема старого способу в тому, що ми не можемо побачити вкладені значення, і іноді це ускладнює налагодження та перегляд фактичних даних.

Спосіб, який я використовую зараз:

console.dir(myObj, { depth: null });  

// ----- вивід -----  
// {  
// users: [  
// { name: 'John', lastname: 'Doe', age: 30 },  
// { name: 'Jane', lastname: 'Smith', age: 25 }  
// ]  
// }

Дякую за прочитане, і сподіваюся, що цей метод виведення допоможе вам значно!

Перекладено з: Best Way to Log Nested Objects and Arrays in JavaScript