Чтобы получить имена свойств из объекта с помощью метода mapв React, вы можете выполнить следующие действия:
- Преобразуйте свойства объекта в массив с помощью
Object.keys()илиObject.entries(). - Используйте метод
mapдля массива, чтобы извлечь имена свойств.
Вот пример фрагмента кода, демонстрирующий этот подход:
const obj = { name: 'John', age: 30, city: 'New York' };
const propertyNames = Object.keys(obj).map(key => key);
console.log(propertyNames); // Output: ['name', 'age', 'city']
В приведенном выше коде Object.keys(obj)возвращает массив имен свойств объекта, а затем метод mapиспользуется для перебора каждого имени свойства. и вернуть его как элемент нового массива.
Альтернативный метод с использованием Object.entries():
const obj = { name: 'John', age: 30, city: 'New York' };
const propertyNames = Object.entries(obj).map(([key, value]) => key);
console.log(propertyNames); // Output: ['name', 'age', 'city']
В этом подходе Object.entries(obj)возвращает массив массивов, где каждый внутренний массив содержит пары ключ-значение объекта. Метод mapиспользуется для извлечения ключей из каждого внутреннего массива.