Реагируйте JS: регистрация элементов массива в консоли

Question

У меня есть массив объектов, где мне нужно просматривать каждый элемент внутри объекта один за другим и их свойства внутри объекта. Когда я попытался просмотреть объекты с помощью console.log (listItems); в коде и с помощью проверки в Google Chrome, на вкладке консоли я получил;

listofItems: [object Object],[object Object],[object Object],[object Object] ...

Но мне нужно увидеть атрибуты и свойства внутри Предметов и соответствующие значения, присвоенные им в массиве, который содержит несколько объектов. Я уже попробовал

console.log(JSON.stringify(listItems));

, но в итоге получил ошибку:

Uncaught TypeError: Converting circular structure to JSON --> 
   starting at object with constructor 'FiberNode' | property 'stateNode' -> ...

рассмотрите фрагмент кода ниже:

render() {
        let { items } = this.props;
        let listItems = items.map( (item) => {
            return (
                    <TodoItem text={item.text} 
                       ID={item.key} 
                       isComplete={item.completedItem} 
                       onDelete={this.props.onDelete} 
                       onEdit={this.props.onEdit} 
                       handleComplete={this.props.handleComplete}/>
            );
        });
        console.log("listofItems: " + listItems);
....

Есть ли способ, которым я мог бы просмотреть свойства и значения, назначенные в каждом объекте в массиве ...?

Answer 1

Используйте запятую вместо +.

console.log("listofItems: ",  listItems); 

Таким образом javascript не будет пытаться преобразовать ее в строку, а консоль chrome позволит вам расширить массив объектов