Ключи динамических объектов к массиву

#javascript

Вопрос:

У меня есть массив объектов с динамическими ключами страны. Мне нужно получить ключ страны и поместить его в новый массив. Массив может содержать более динамические ключи с названиями стран.

 const arr1 = [
  {
    id: 1,
    label: 'CA',
    value: 9,
    Canada: 9,
  },
  {
    id: 2,
    label: 'US',
    value: 7,
    'United States': 7,
  },
  {
    id: 3,
    label: 'AU',
    value: 5,
    Australia: 5,
  },
];
 
 const result = ['Canada', United States', 'Australia']
 

Комментарии:

1. Есть ли у вас контроль над кодом, который создает этот массив? Объекты с такими переменными ключами в лучшем случае неудобны и вообще с ними просто ужасно иметь дело… В идеале вы бы в первую очередь изменили способ создания этого массива.

2. @Cerbrus, я преобразую полученный массив. Я использую библиотеку Nivo Bar, и в ней есть опорные ключи — массив строк [«значение»] для отображения значения для метки. Я не могу использовать {имя: страна}.

Ответ №1:

Вы можете использовать черный список, чтобы сбросить все ключи, которые вам не нужны:

 const arr1 = [
    { id: 1, label: 'CA', value: 9, Canada: 9 },
    { id: 2, label: 'US', value: 7, 'United States': 7 },
    { id: 3, label: 'AU', value: 5, Australia: 5 },
];

const blacklist = ['id', 'label', 'value'];

const countryNames = arr1.map(row => 
    Object.keys(row)
        .filter(key => !blacklist.includes(key))[0]);

console.log(countryNames) 

Object.keys создает массив ключей для этой строки, затем я фильтрую эти ключи в черном списке и возвращаю первую оставшуюся запись.

Ответ №2:

Вы можете использовать flatMap, чтобы предотвратить получение undefined значения в результате, когда ключ не подходит.

 const data = [
    { id: 1, label: 'CA', value: 9, Canada: 9, },
    { id: 2, label: 'US', value: 7, 'United States': 7, },
    { id: 3, label: 'AU', value: 5, Australia: 5, },
    { id: 4, },
];

const blacklistedKeys = ['id', 'label', 'value'];

const result = data.flatMap(item => {
    const keys = Object.keys(item);
    const allowedKey = keys.find(key => !blacklistedKeys.includes(key));
    return allowedKey ? [allowedKey] : [];
});

console.log(result); 

Ответ №3:

Черный список исчезнет, если вы добавите больше свойств.

Рассматривали ли вы возможность фильтрации тех, у кого первая буква прописная?

 const countryNames = arr1.map(row => 
    Object.keys(row)
        .filter(key => key[0] === key[0].toUpperCase())[0]);