Блог

Мне нужно преобразовать ингредиент в правильный формат, чтобы я мог использовать его дальше. Все данные из формы я помещаю в массив с помощью [… new FormData(NewRecipe)],

 (15) [Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2)]
0: (2) ['title', 'TEST23']
1: (2) ['sourceUrl', 'TEST23']
2: (2) ['image', 'TEST23']
3: (2) ['publisher', 'TEST23']
4: (2) ['cookingTime', '23']
5: (2) ['servings', '23']
6: (2) ['ingredient-1-1', '2']
7: (2) ['ingredient-1-2', 'kg']
8: (2) ['ingredient-1-3', 'Rice']
9: (2) ['ingredient-2-1', '1']
10: (2) ['ingredient-2-2', 'pieces']
11: (2) ['ingredient-2-3', 'Potato']
12: (2) ['ingredient-3-1', '55']
13: (2) ['ingredient-3-2', 'gramms']
14: (2) ['ingredient-3-3', 'salt']
length: 15
[[Prototype]]: Array(0)
 

затем сопоставьте с помощью поиска по массиву значения ингредиентов (NewRecipe) :

     const ingredients = newRecipe
      .filter(entry => entry[0].startsWith('ingredient'))
      .map(ing => {
        const ingArr = ing[1].split(',').map(el=> el.trim());
      });
      const [quantity, unit, description] = ingArr
      return {quantity, unit, description}
 

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

 [{quantity:0.5, unit:'kg', description: 'Rice'},
  {quantity:1, unit:'', description: "Avocado}]
 

Имейте фильтр и уменьшите

Вы можете пропустить последний шаг, если ваши ингредиенты ВСЕГДА состоят из 3 частей, затем используйте клавишу 2, чтобы установить единицу измерения/кол-во/количество

 const recipe = [
  ['title', 'TEST23'],
  ['sourceUrl', 'TEST23'],
  ['image', 'TEST23'],
  ['publisher', 'TEST23'],
  ['cookingTime', '23'],
  ['servings', '23'],
  ['ingredient-1-1', '2'],
  ['ingredient-1-2', 'kg'],
  ['ingredient-1-3', 'Rice'],
  ['ingredient-2-1', '1'],
  ['ingredient-2-2', 'pieces'],
  ['ingredient-2-3', 'Potato'],
  ['ingredient-3-1', '55'],
  ['ingredient-3-2', 'gramms'],
  ['ingredient-3-3', 'salt']
];
const ingrs = recipe
  .filter(arr => arr[0].startsWith("ingredient-"))
  .reduce((acc,cur) => {
    const [_,key1,key2] = cur[0].match(/-(d )-(d )/)
    acc[`i_${key1}`] = acc[`i_${key1}`] || [];
    acc[`i_${key1}`].push(cur[1])
    return acc
  },{})
const ingrObjectArray = Object.values(ingrs).map(arr => ({qty:arr[0],unit:arr[1],desc:arr[2]}))
console.log(ingrObjectArray)