如何使用AngularJS的forEach循环提取分类名称

嘿，这事儿不难，咱们直接用AngularJS内置的angular.forEach就能轻松搞定。先理清楚思路：咱们要遍历$scope.someStuff里的categoryservices数组，把每个元素里的category.name提取出来，再组装成你要的格式数组。

具体代码实现 #

首先，先声明一个空数组来存结果，然后用forEach循环处理：

// 初始化空数组用于存储结果
$scope.categoryNames = [];

// 遍历categoryservices数组，提取分类名称
angular.forEach($scope.someStuff.categoryservices, function(item) {
  // 将每个分类名称包装成指定格式的对象，推入结果数组
  this.push({ name: item.category.name });
}, $scope.categoryNames);

// 此时$scope.categoryNames就是你需要的结果
console.log($scope.categoryNames);

验证结果 #

运行这段代码后，$scope.categoryNames的输出完全符合你的预期：

[{"name":"software"}, {"name":"hardware"}, {"name":"waterwash"}]

简单说下逻辑：angular.forEach的第三个参数是绑定的上下文（这里就是咱们的结果数组），所以循环里用this就能直接操作这个数组，把每个分类名称包装成指定格式的对象添加进去就行，非常直观。

内容的提问来源于stack exchange，提问作者user7784271