javascript - 名称属性的 For 循环

Question

这个问题已经有答案了:

From an array of objects, extract value of a property as array (25 个回答)

已关闭 5 年前。

我是 Javascript 的非常初学者，我正在研究我的导师提出的一个我完全陷入困境的问题:

创建一个接受一个参数的函数。该参数将是一个对象数组。每个对象都有 1 个属性名称。该函数应返回一个新数组，其中填充了对象的名称属性。

示例

namesFunction([{name: 'Tacos'},{name: 'Burritos'},{name: 'Enchiladas'}]);

//returns ['Tacos', 'Burritos', 'Enchiladas']

我不知道如何创建一个 for 循环来迭代放入函数参数的任何数组。我只完成了定义数组的操作。

这就是我所拥有的:

function namesFunction(){
  var arr = [];
  for (i = 0; i < arr.length; i++){
    console.log(arr[i].name);
  }
}

namesFunction([{name: 'Tacos'},{name: 'Burritos'},{name: 'Enchiladas'}]);

感谢任何帮助!谢谢!

Answer 1

您正在编写一个接受数组的函数:

function mapObjectsToNames(array) {}

并且您希望它返回一个新数组:

function mapObjectsToNames(array) {
    var result = [];
    return result;
}

您将必须迭代数组中的每个元素:

function mapObjectsToNames(array) {
    var result = [];
    for (var i = 0; i < array.length; i += 1) {
    }
    return result;
}

您已经记录了每个元素的 name 属性:

function mapObjectsToNames(array) {
    var result = [];
    for (var i = 0; i < array.length; i += 1) {
        console.log(array[i].name);
    }
    return result;
}

现在您需要将该名称添加到新列表中:

function mapObjectsToNames(array) {
    var result = [];
    for (var i = 0; i < array.length; i += 1) {
        result.push(array[i].name);
    }
    return result;
}