0

Есть массив order в котором указанный правильный порядок полей и есть объект map в котором названия полей. Как можно сделать правильно порядок полей в Map чтобы был как в order?

const order = ['hasTitle', 'hasSubmitButton', 'hasTooltip'];
const map = {
1: 'template',
7: 'hasTooltip',
5: 'hasTitle',
6: 'hasSubmitButton'
}

В результате должно получиться:

map = {
  5: 'hasTitle',
  6: 'hasSubmitButton',
  7: 'hasTooltip',
}
7
  • бррр, т.е. вы хотите оставить индексы как есть, а вот содержимое по индексам расположить в порядке, указанном в массиве order?
    – Zhihar
    28 окт 2020 в 12:10
  • 1
    Уж сколько раз твердили миру, что порядок ключей в объекте неопределён. (На самом деле определён, но довольно запутан и не всегда логичен). Нужен определённый порядок — используйте массив или настоящий Map у которого гарантируется порядок ключей в порядке добавления
    – Alexey Ten
    28 окт 2020 в 12:10
  • ну такое с бекенда приходит и приходиться что-то делать)
    – dmitriy
    28 окт 2020 в 12:13
  • 3
    Мало ли что приходит с бекенда. Вы удивитесь, но на самом деле порядок ключей в исходном map уже 1, 5, 6, 7. Потому что целочисленные неотрицательные ключи всегда отсортированы по возрастанию.
    – Alexey Ten
    28 окт 2020 в 12:23
  • 2
    Именно поэтому нужно использовать не объект, а более подходящий для задачи контейнер.
    – Alexey Ten
    28 окт 2020 в 12:44

3 ответа 3

1

К сожалению, с объектом это невозможно. Порядок ключей на сегодняшний день будет всегда таким:

  1. Ключи-строки, содержащие числа, в порядке возрастания.
  2. Остальные ключи-строки в порядке создания.
  3. Ключи-символы в порядке создания.

Так что если вы даже пересоздадите объект с нужным порядком ключей, если ключи числовые, они всё равно пересортируются:

const obj = {
  '11': 11,
  '3': 3,
  '2': 2,
  '1': 1,
};

console.log(obj); // { '1': 1, '2': 2, '3': 3, '11': 11 }
console.log(Object.keys(obj)); // [ '1', '2', '3', '11' ]

См. подробнее: https://2ality.com/2015/10/property-traversal-order-es6.html

Так что нужно или использовать Map, или сменить формат ключей.

0

const order = ['hasSubmitButton', 'hasTooltip', 'hasTitle'];

const map = {
1: 'template',
7: 'hasTooltip',
5: 'hasTitle',
6: 'hasSubmitButton'
};

const entries  = order.map(
i => Object.entries(map).find(e => e[1] === i)
);

// массив с сохранением порядка
console.log(entries);

// объект в котором порядок не гарантирован
console.log(Object.fromEntries(entries));

1
  • Попробуйте order = ['hasSubmitButton', 'hasTooltip', 'hasTitle']; и посмотрите на newMap
    – Alexey Ten
    28 окт 2020 в 12:34
0

const order = ['hasTitle', 'hasSubmitButton', 'hasTooltip'];
const map = {
  1: 'template',
  7: 'hasTooltip',
  5: 'hasTitle',
  6: 'hasSubmitButton'
}

const invertMap = {};

for (let key in map) invertMap[map[key]] = key;

const newMap = order.reduce((acc, item) => {
  if (invertMap[item]) acc[invertMap[item]] = item;
  return acc;
}, {})

console.log(newMap);

4

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.