如何从对象数组中获取name属性？

var arr = [{name: 'John'}, {name: 'Jane'}, {name: 'Alice'}];
var names = [];
for (var i = 0; i < arr.length; i++) {
  names.push(arr[i].name);
}
console.log(names); // 输出 ['John', 'Jane', 'Alice']

var arr = [{name: 'John'}, {name: 'Jane'}, {name: 'Alice'}];
var names = arr.map(function(obj) {
  return obj.name;
});
console.log(names); // 输出 ['John', 'Jane', 'Alice']

var arr = [{name: 'John'}, {name: 'Jane'}, {name: 'Alice'}];
var names = arr.reduce(function(acc, obj) {
  acc.push(obj.name);
  return acc;
}, []);
console.log(names); // 输出 ['John', 'Jane', 'Alice']