5

Tenho o seguinte Array de string:

["TagFuncao:CN Evento:TODOS", "TagFuncao:DOC.AGRO.INDUS Evento:TODOS"]

Preciso transformar esse Array em uma Array de Objetos onde TagFuncao e Evento é propriedades do Objeto, e CN e TODOS seja o valor correspondente de cada propriedade.

Fiz alguns testes no console do navegador e cheguei ao seguinte resultado:

var newArr = r.map(i => {
var x = i.split(' ');
var p1 = x[0].replace('TagFuncao:','')
var p2 = x[1].replace('Evento:', '')
var obj = {
        tagFuncao: p1,
        evento: p2
    }

    return obj
})

Resultado:

[{tagFuncao: "CN", evento: "TODOS"}, {tagFuncao: "DOC.AGRO.INDUS", evento: "TODOS"}]

A principio resolve o meu problema, mas não parece ser uma das melhores formas de fazer.

Pergunta:

Existe outras formas de fazer isso e chegar ao mesmo resultado que não seja desta forma?

1

4 Respostas 4

6

Segue uma solução com regex

const array = [
  "TagFuncao:CN Evento:TODOS",
  "TagFuncao:DOC.AGRO.INDUS Evento:TODOS",
];

const nu_array = array.map((item) => {
  return { tagFuncao: item.match(/[^:]*\s/g)[0], evento: item.match(/[^:]*$/g)[0] };
});
  • Explicação

Selecione todos os itens depois de : até o próximo espaço

/[^:]*\s/g

Selecione todos os itens depois de : até o final do texto

/[^:]*$/g

o [0] é pra pegar o primeiro item do match, pois a função retorna um array

  • Resultado
[ { tagFuncao: 'CN ', evento: 'TODOS' },
  { tagFuncao: 'DOC.AGRO.INDUS ', evento: 'TODOS' } ]
3
  • 2
    Ficou bom. Eu havia imaginado fazer dois regex para analisar segundo a norma ECMAScript mas você provou que eu estava enganado. Commented 30/04/2020 às 11:50
  • 2
    @AugustoVasques Vale lembrar que essa solução funciona somente se as strings tiverem exatamente TagFuncao e Evento nesta ordem, e nenhuma outra informação. Para aceitar mais propriedades com nomes diferentes (ou somente essas duas em outra ordem, etc), as outras respostas são melhores. Como melhoria, sugiro trocar * por +, assim força a ter pelo menos um caractere (senão vai retornar string vazia caso o texto termine com "Evento:")
    – hkotsubo
    Commented 30/04/2020 às 16:24
  • @hkotsubo com a inclusão do operador + gera um erro na função ao pegar o primeiro valor do match [0] sendo assim, caso não vier valor nenhum ele torna o valor vazio, acho que é uma solução boa para o problema. {..., evento : '' } Commented 30/04/2020 às 18:00
6

Assumindo que tens sempre um espaço entre os valores que queres ler podes fazer um mapeamento com um reduce dentro para extrair esses valores.

Uma sugestão seria assim:

const data = ["TagFuncao:CN Evento:TODOS", "TagFuncao:DOC.AGRO.INDUS Evento:TODOS"];

const objectificar = (string) => string.split(' ').reduce((obj, str) => {
    const [key, value] = str.split(':');
    return {
      ...obj,
      [key]: value
    }
  }, {});

const dataComObjetos = data.map(objectificar);
console.log(dataComObjetos);

3

Não é muito diferente do que fez mas possui a vantagem de não ter que alterar o algorítimo caso venha criar uma chave diferente no futuro:

let arr = [
  "TagFuncao:CN Evento:TODOS",
  "TagFuncao:DOC.AGRO.INDUS Evento:TODOS",
  "teste:-23 verdadeiro:false" //Chave de teste
];

//Função de conversão do texto para objeto, movi para fora do map para facilitar a leitura
function paraObjeto(texto) {
  let resultado = new Object(); //Cria um objeto vazio.
  propriedades = texto.split(' '); // Separa as propriedades pelo espaço entre elas.
  propriedades.forEach((item) => { //Para cada proriedade..
    chaveValor = item.split(':'); //Separa chave do valor
    resultado[chaveValor[0]] = chaveValor[1]; //Adiciona ao objeto a chave e seu respectivo valor
  });
  return resultado; //Retorna o objeto preenchido
}

let objetos = arr.map(item => paraObjeto(item));

console.log(objetos);

Havia possibilidade de adequar cada string ao padrão JSON de fazer a analize com JSON.parse() mas para a string ser analisada cada par chave/valor teriam que estar em conformidade a norma ECMAScript para identificadores e literais o que iria demandar duas expressões regulares cujo o esforço de construção não valeriam o resultado obtido.

1

Não tem nenhum problema com seu código, mas eu sugeriria reduzir a quantidade de variáveis criada, se você usa a variável apenas uma vez, provavelmente ela não precisa existir. Fora isso, seu código tem a característica já comentada de não ser dinâmico, se futuramente a estrutura mudar, o código precisará ser alterado, porém isso não necessariamente um problema, se não pretende alterar sua estrutura está ótimo assim

A melhor (na maioria dos casos) forma de resolver isso é alterando o código que gera esse array de forma que use um formato padronizado, como JSON, CSV ou semelhante. mas se você não tem acesso a esse código ou é complicado demais altera-lo...

Uma solução é transformar as strings em JSONs válidos e então fazer o parse. Isso é possível sem o uso de expressções regulares:

var oldArray = [
  'TagFuncao:CN Evento:TODOS',
  'TagFuncao:DOC.AGRO.INDUS Evento:TODOS',
  'teste:-23 verdadeiro:false'
];

var json = oldArray.map(elements => `{"${elements.split(':').join('":"').split(' ').join('","')}"}`);

console.log(json);

var newArray = oldArray.map(elements => JSON.parse(`{"${elements.split(':').join('":"').split(' ').join('","')}"}`));

console.log(newArray);

1
  • 1
    Eu não entendi o porque negativarem. Essa resposta ao meu ver é boa. Quem deu o negativo poderia fazer o favor de me explicar o porque não a considerou útil? Commented 30/04/2020 às 11:34

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .