Array.map confusion

array.map.js

var data = [
  {"name": null},
  {"name": "a"},
  {"name": "b"},
  {"name": null},
  {"name": null},
  {"name": "c"}
];

var doesNotWork = data.map(function(d) {
  if (d.name && d.name.length) {
    return d.name;
  }
});

var works = [];
data.map(function(d) {
  if (d.name && d.name.length) {
    works.push(d.name);
  }
});

// Thanks for the help @yanncabon && @vancematthews!
var solution = data.filter(function(d) {
  if (d.name && d.name.length) {
    return d.name;
  }
})
.map(function(d) {
  return d.name;
});

👍

You would prefer

var solution = data.filter(function(d) {
  return d.name && d.name.length;
})
.map(function(d) {
  return d.name;
});