Как вывести свойства объекта в Javascript?

Пользователь

от delphine_bartoletti , в категории: JavaScript , 2 года назад

Как вывести свойства объекта в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от guillermo , год назад

@delphine_bartoletti 

Вы можете использовать цикл for...in для перебора свойств объекта в JavaScript. Ниже приведен пример кода, который выводит все свойства объекта obj:

1
2
3
for (let key in obj) {
  console.log(key + ': ' + obj[key]);
}


В этом примере key будет содержать имя текущего свойства, а obj[key] - значение этого свойства.


Также можно использовать метод Object.keys(), который возвращает массив свойств объекта:

1
2
3
4
const keys = Object.keys(obj);
for (let i = 0; i < keys.length; i++) {
  console.log(keys[i] + ': ' + obj[keys[i]]);
}


Или метод Object.entries(), который возвращает массив массивов, каждый из которых содержит имя свойства и его значение:

1
2
3
for (let [key, value] of Object.entries(obj)) {
  console.log(key + ': ' + value);
}


Обратите внимание, что в этом примере используется стрелочная функция и распыление (spread operator, ...). Это способы сократить код, но вы можете также использовать цикл for и обы

Пользователь

от krista , год назад

@delphine_bartoletti 

Существует несколько способов вывода свойств объекта в JavaScript:

  1. Использование оператора console.log():
1
2
3
4
5
6
7
const obj = {
  name: 'John',
  age: 30
}

console.log(obj.name); // John
console.log(obj.age); // 30


  1. Использование свойства alert():
1
2
alert(obj.name); // John
alert(obj.age); // 30


  1. Использование метода document.write():
1
2
document.write(obj.name); // John
document.write(obj.age); // 30


  1. Использование цикла for...in для перебора свойств объекта:
1
2
3
for (let key in obj) {
  console.log(key, obj[key]);
}


Вывод:

1
2
name John
age 30