Как отображать ключ и значение в объекте с помощью javascript?

Я не знаю, возможно ли это в javascript. У меня есть объект, который является динамическим. как

const list = {eb: 'blue', et: 'green'}

в любое время значение моего списка изменится, например

const list = {er: 'yellow', ex: 'black'}

Как получить значение ключа в моем объекте? например, я собираюсь отобразить для него как ключ, так и значение.

const ikey = 'eb'
const ivalue = 'blue'
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
11 950
8
Перейти к ответу Данный вопрос помечен как решенный

Ответы 8

try

for(var key in objects) {
        var value = objects[key];
    }

Вы можете использовать метод Object.keys(objectNameHere) прототипа Object для циклического переключения ключей по имени и перечислению.

Вы можете использовать for..in ,

for (var key in list) {
  console.info(key, list[key]);
}

С ES6 вы можете использовать Object.entries

for (let [key, value] of Object.entries(list)) {
    console.info(key, value);
}

Попробуй это

const list = {er: 'yellow', ex: 'black'};
Object.keys(list).forEach(e=>console.info(e+" = "+list[e]))
Ответ принят как подходящий

Вы можете использовать Объект.записи.

let list = {eb: 'blue', et: 'green'}

const keyValue = (input) => Object.entries(input).forEach(([key,value]) => {
  console.info(key,value)
})


keyValue(list)
list = {er: 'yellow', ex: 'black'}
keyValue(list)

Используйте Object.entries(), чтобы получить список пар ключ/значение из вашего объекта. Затем вы можете перебирать пары и отображать их с помощью Array.forEach():

Object.entries({ a: 'hello', b: 3 }).forEach(([key, val]) => {
  console.info(key, val);
});

Вы можете получить список ключей с помощью Object.keys() и список значений с помощью Object.values():

const obj = { a: 'hello', b: 3 };

console.info(Object.keys(obj));
console.info(Object.values(obj));
console.info(Object.entries(obj));

Наконец, вы можете перебирать ключи объекта напрямую с помощью цикла for...in, и в этом случае вам нужно использовать обозначение в скобках для доступа к свойству вашего объекта:

const obj = { a: 'hello', b: 3 };

for (const key in obj) {
  console.info(key, obj[key]);
}

Чтобы избежать больших вычислений и поскольку V8 отлично справляется с операциями JSON, вы можете просто JSON.stringify(obj) предоставить вам все записи. Единственная проблема заключается в том, что у вас не будет контроля над тем, как должны обрабатываться определенные типы значений, т.е. в этом случае вы останетесь только с примитивами в качестве значений.

Попробуйте использовать for..in оператор

var obj = {
  Name: 'Mohsin ',
  Age: 20,
  Address: 'Peshawar',
}

for (var keys in obj) {
  console.info(keys, ':', obj[keys])
}

Другие вопросы по теме