I keep getting errors of undefined using map method

Question

I want to change the ing array using map method into newIng where I changed the units.

const unitsLong = ['tablespoons', 'tablespoon', 'ounces', 'ounce', 'teaspoons', 'teaspoon', 'cups', 'pounds'];
const unitsShort = ['tbsp', 'tbsp', 'oz', 'oz', 'tsp', 'tsp', 'cup', 'pound'];

let ing = [
"8 ounces cream cheese, softened",
"1/4 teaspoon garlic powder",
" teaspoon dried oregano",
" teaspoon dried parsley",
" teaspoon dried basil",
"1 cups shredded mozzarella cheese",
"1 cups parmesan cheese",
"1 cups pizza sauce",
"1/4 cups chopped green bell pepper",
"1/4 cups chopped onion",
"2 ounces sliced pepperoni"
];

const newIng = ing.map(el => {
  unitsLong.forEach((unit, i) => {
    el = el.replace(unit, unitsShort[i]);
    });

});

console.log(newIng);

My expected result would be the same array where the units are shortened. Thanks!

@CertainPerformance, I tried returning ing or newIng. but I still don't get my output. — Kenno
– Kenno, Commented Sep 27, 2019 at 10:09

Nina Scholz · Accepted Answer · 2019-09-27 13:03:55Z

1

Beside the missing return statememt, you could reduce the array and take the changed string as accumulator.

var unitsLong = ['tablespoons', 'tablespoon', 'ounces', 'ounce', 'teaspoons', 'teaspoon', 'cups', 'pounds'],
    unitsShort = ['tbsp', 'tbsp', 'oz', 'oz', 'tsp', 'tsp', 'cup', 'pound'],
    ing = ["8 ounces cream cheese, softened", "1/4 teaspoon garlic powder", " teaspoon dried oregano", " teaspoon dried parsley", " teaspoon dried basil", "1 cups shredded mozzarella cheese", "1 cups parmesan cheese", "1 cups pizza sauce", "1/4 cups chopped green bell pepper", "1/4 cups chopped onion", "2 ounces sliced pepperoni"],
    newIng = ing.map(el => unitsLong.reduce((s, unit, i) => s.replace(unit, unitsShort[i]), el));

console.log(newIng);

answered Sep 27, 2019 at 13:03

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

I keep getting errors of undefined using map method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related