Преобразование многомерного массива в определенный формат строки

Question

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

Это массив:

formdata: [
    1: {name: "gender", value: "F", focus: 0, type: "radio"}
    2: {name: "firstname", value: "empty", focus: 0, type: "input"}
    3: {name: "lastname", value: "empty", focus: 0, type: "input"}
    4: {name: "birthday", value: "empty", focus: 0, type: "input"}
    5: {name: "street", value: "empty", focus: 0, type: "input"}
    6: {name: "streetNo", value: "empty", focus: 0, type: "input"}
]

И это конкретный формат строки, в который он должен быть конвертирован:

let formdata = gender.radio|F|0;firstName.text|empty|1;lastName.text|empty|0;street.text|empty|0;houseNumber.text|empty|0;zip.text|empty|0;city.text|empty|0;country.select-one|de|0;birthdate-day.text|empty|0;birthdate-month.text|empty|0;birthdate-year.text|empty|0;email.email|empty|0;code.text|filled_out|0

Полагаю, лучше всего использовать JSON.stringify. Я пробовал несколько вариантов в соответствии с этим:

let formdata = JSON.stringify(
formdata: [
    1: {name: "gender", value: "F", focus: 0, type: "radio"}
    2: {name: "firstname", value: "empty", focus: 0, type: "text"}
    3: {name: "lastname", value: "empty", focus: 0, type: "text"}
    4: {name: "birthday", value: "empty", focus: 0, type: "text"}
    5: {name: "street", value: "empty", focus: 0, type: "text"}
    6: {name: "streetNo", value: "empty", focus: 0, type: "text"}
])
.replace(/(\]\]\,)\[/g, "]\n")..replace(/(\[\[|\]\]|\")/g,"");

Никто из них не работал.

Есть идеи, как это решить?

Спасибо!

Answer 1

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

var array = [{ name: "gender", value: "F", focus: 0, type: "radio" }, { name: "firstname", value: "empty", focus: 0, type: "input" }, { name: "lastname", value: "empty", focus: 0, type: "input" }, { name: "birthday", value: "empty", focus: 0, type: "input" }, { name: "street", value: "empty", focus: 0, type: "input" }, { name: "streetNo", value: "empty", focus: 0, type: "input" }],
    keys = ['name', 'type', 'value', 'focus'],
    take = { type: { input: 'text' } },
    separators= '.||',
    string = array
        .map(o => keys
            .map((k, i) => (take[k] && take[k][o[k]] || o[k]) + (separators[i] || ''))
            .join('')
        )
        .join(';');

console.log(string);

Answer 2

Я думаю, просто используйте map() для массива.И верните строку шаблона.А затем join() массив по ';'

const formdata = [
    {name: "gender", value: "F", focus: 0, type: "radio"},
    {name: "firstname", value: "empty", focus: 0, type: "input"},
    {name: "lastname", value: "empty", focus: 0, type: "input"},
    {name: "birthday", value: "empty", focus: 0, type: "input"},
    {name: "street", value: "empty", focus: 0, type: "input"},
    {name: "streetNo", value: "empty", focus: 0, type: "input"},
]


let res = formdata.map(({name,value,focus,type}) => `${name}.${type}|${value}|${focus}`).join(';')

console.log(res)

Answer 3

Непонятно, о чем вы спрашиваете, так как ваши фрагменты кода не являются допустимым javascript.

Но с учетом массива

  let formData = [
    {name: "gender", value: "F", focus: 0, type: "radio"},
    {name: "firstname", value: "empty", focus: 0, type: "input"},
    {name: "lastname", value: "empty", focus: 0, type: "input"},
    {name: "birthday", value: "empty", focus: 0, type: "input"},
    {name: "street", value: "empty", focus: 0, type: "input"},
    {name: "streetNo", value: "empty", focus: 0, type: "input"},
  ];

Если вам нужна строка

'gender.radio|F|0;firstName.text|empty|1;lastName.text|empty|0;street.text|empty|0;houseNumber.text|empty|0;zip.text|empty|0;city.text|empty|0;country.select-one|de|0;birthdate-day.text|empty|0;birthdate-month.text|empty|0;birthdate-year.text|empty|0;email.email|empty|0;code.text|filled_out|0'

, тогда это будет работать:

let formDataString = formData.map(({name, value, focus, type}) =>
    `${name}.${type}|${value}|${focus}`);