Создание объекта в правильном формате

Question

Я пытаюсь создать объект в определенном формате и у меня возникают проблемы с получением нужных мне данных.

Это моя функция:

arr.forEach(headers => {
    let heads = headers.replace(/_/g, ' ');
    const metrics = {
        'cht': {
            headers: {
                'name': heads
            }
        }
    }
    console.log(metrics);
});

Мой результат:

{cht: {headers: {name: "Hello World"}}}

Ожидаемый результат:

{cht: {Hello_World: {name: "Hello World"}}}

Почему не значение headers (вырезать) заменяется в моем объекте? Мне нужны заголовки, чтобы они были Hello_World.

Answer 1

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

В более новых версиях из Javascript (ECMAScript 6 на), вы можете заключить скобки вокруг имени, чтобы само значение переменной использовалось в качестве ключа свойства.

arr.forEach(headers => {
    let heads = headers.replace(/_/g, ' ');
    const metrics = {
        cht: {
            [headers]: heads
        }
    }
    console.log(metrics);
});

Answer 2

У вас это задом наперед, первый заменяемый параметр - это RegExp, который нужно найти, второй параметр - чем заменить его. Это должно быть headers.replace(/ /g, '_').

arr.forEach(headers => {
    const newHeader = headers.replace(/ /g, '_');
    const metrics = {
        cht: {
            [newHeader]: {
               name: headers
            }
        }
    };
    console.log(metrics);
});

Answer 3

вы можете использовать следующие

headers.split(" ").join("_");

ИЛИ

headers.replace(/ /g, '_')

Answer 4

Используйте split и map для получения ожидаемого результата.

const capitalize = (str) => `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
const normalization = (name = "") => {
  if (!name) return name;
  return name.split(/\s+/).map(capitalize).join("_");
};
const transform = (arr) => {
  arr.forEach((headers = "") => {
    let heads = normalization(headers);
    const metrics = {
      cht: {
        [heads]: {name: headers}
      },
    };
    console.log(metrics);
  });
};

const arr = ["hello world", "test    some  thing"];

transform(arr);

Answer 5

Если вы предоставляете headers = 'Hello World'. headers заменяется .

Ваш шаблон замены ищет литерал _, который должен быть заменен символом пробела. String.prototype.replace(pattern, replacement).

Но похоже, что вы пытаетесь сделать обратное.

replace(/\s/g, '_') или просто replace(' ', '_') приведет к 'Hello_World'.

Answer 6

Значение, которое вы назначаете в качестве замененных «заголовков», которые вы задали в качестве «заголовков» переменной.

Затем вы назначаете его как значение для свойства 'name'. Вместо этого вы хотели установить его как свойство для заголовков?

let heads = headers.replace(/_/g, ' ');
    const metrics = {
        'cht': {
            headers: {
                heads: 'someValue'
            }
        }
    }