Question

我是角度框架的新手。当我想以角度迭代json对象时，我使用了javascript foreach和for..in循环。

后来我才知道angular本身有一个angular.forEach循环来迭代对象。

如何比较angular.forEach与javascript for..in和foreach循环的效果？

为什么我们应该使用angular.forEach代替javascript foreach和for..in ??

请给我一些使用它的例子和理由，以显示性能。

谢谢：）

Answer 1

Angular forEach - 为obj集合中的每个项目调用迭代器函数一次，可以是对象或数组。

var values = {name: 'misko', gender: 'male'};
angular.forEach(values, function(value, key) {
  console.log(key + ': ' + value);
});

// Output:
// "name: misko"
// "gender: male"

for..in - 以任意顺序迭代对象的enumerable properties。对于每个不同的属性，可以执行语句。

var obj = {a:1, b:2, c:3};

for (var prop in obj) {
  console.log("obj." + prop + " = " + obj[prop]);
}

// Output:
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"

forEach - 方法每个数组元素执行一次提供的函数。

// Notice that index 2 is skipped since there is no item at
// that position in the array.
[2, 5, , 9].forEach(function (element, index, array) {
  console.log('a[' + index + '] = ' + element);
});
// logs:
// a[0] = 2
// a[1] = 5
// a[3] = 9

在效果方面，它取决于您正在使用的数据结构，如果它是Array，我建议使用Angular.forEach or native forEach，如果它是Object for..in将是最好的，但似乎Angular.forEach也很好地处理对象。取决于您使用的数据量。如果它非常庞大，我会建议您使用像Lodash or Underscore这样的库，它们可以很好地处理数据操作。

Answer 2

angular.forEach基本上是一个polyfill。

因此，如果您使用角度，则浏览器是否较旧并不重要，因为如果需要，角度将提供替换。

在代码中它看起来像这样：

if (!Array.prototype.forEach) {
    Array.prototype.forEach = function(...) {
        // angulars own implementation
    }
}

还有其他一些差异，例如

angular.forEach支持迭代对象;
angular.forEach将对象/数组作为第一个参数。

javascript foreach循环，for..in和angular forEach循环之间的区别。

2 个答案: