Map array to values

I have an array of product objects and need an array of just their prices to feed into a chart. Produce code that maps the products array to an array of numeric prices, converting strings to numbers and falling back to 0 for missing price fields. Keep it a one-liner I can drop into renderChart.

Before I hand the mapping to design, make it obvious where prices come from. Put the prices array at the top of the snippet, show the string-to-number conversion and the fallback, and flag any products missing a price so reviewers can ask the API team. Keep comments minimal and the transformation readable.

I mapped product.price directly and the chart displayed NaN for some entries. The product owner, Maria, will complain the numbers don’t add up. I don’t know whether the API sometimes sends empty strings, null, or malformed values. What’s the likely root cause and the fastest fix for the mapping so the chart remains stable?

Across several front-end pages we repeatedly map objects to values without consistent parsing, leading to NaN, undefined, and display bugs. It costs time tracking down where a bad value slipped in. Which habit should we change to stop this: centralise parsing at the API boundary, always map with a sanitizer util, or add type checks? Recommend one change and how to roll it out with minimal churn.