Javascript array.map() returning array of undefined

Question

I'm having a strange issue with mapping an array to a new object type in javascript. I have a getter function like this:

get azOptions() {
    return this.arr?.map(az => {
        test:"asdf";
    });
}

...

console.log(this.azOptions);

The array contains 2 elements when I call the getter, but it maps to an array of 2 undefined elements as can be seen in this browser output:

Your map function isn't returning an object, it's a [_label_](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/label) and a string literal. — jonrsharpe, Nov 25 '22 at 11:31
That's because you are not returning anything from `array#map`. Wrap your object with `()` to return an object. — Hassan Imam, Nov 25 '22 at 11:35

Sven Märki · Accepted Answer · 2022-11-25T11:40:28.507

0

Try to do following:

get azOptions() {
   return this.arr?.map((az) => ({
     test: "asdf",
   }));
}

Your problem is, that you currently don't return an Object .

edited Nov 25 '22 at 11:40

answered Nov 25 '22 at 11:34

Sven Märki

thanks, that worked. I thought the object after az=> would already be the value returned. – Maxim Nov 25 '22 at 11:41

1 Answers1