각 루프에 대한 자바스크립트 간의 차이.각 루프에 대해 in 및 angular.?

각 루프에 대한 자바스크립트 간의 차이.각 루프에 대해 in 및 angular.?

저는 각골조가 처음입니다.json object를 angular로 반복하고 싶을때 javascript를 사용했습니다.foreach그리고.for..in고리 모양의

나중에 나는 각도 자체가angular.forEach루프를 사용하여 개체를 반복합니다.

성능을 비교하려면 어떻게 해야 합니까?angular.forEach자바스크립트로for..in그리고.foreach고리??

사용해야 하는 이유angular.forEach자바스크립트 대신에foreach그리고.for..in??

성능을 보여주는 예시와 사용 이유를 좀 알려주세요.

감사합니다 :)

Angular for Each - 객체 또는 배열일 수 있는 obj 컬렉션의 각 항목에 대해 반복기 함수를 한 번 실행합니다.

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

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

왜냐하면..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"

for each - method는 제공된 함수를 배열 요소별로 1회 실행합니다.

// 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, 만일 그것이 a라면Object for..in최고가 될거야, 아무리 보여도.Angular.forEach오브젝트도 잘 처리합니다.작업하는 데이터의 양에 따라 달라집니다.만약 그것이 엄청나다면 나는 당신에게 다음과 같은 도서관을 사용하라고 제안할 것입니다.Lodash or Underscore, 데이터 조작을 잘 처리합니다.

angular.forEach 기본적으로 폴리필(polyfill.

따라서 angular를 사용하는 경우 브라우저가 필요한 경우 angular를 대체할 수 있으므로 브라우저가 오래되었더라도 상관이 없습니다.

코드상으로는 다음과 같습니다.

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

예를 들어, 몇 가지 다른 점이 있습니다.

• 각 개체에 대한 반복을 지원합니다.
• angular.각각 첫 번째 인수로 개체/배열을 사용합니다.

언급URL : https://stackoverflow.com/questions/39212655/difference-between-javascript-foreach-loop-for-in-and-angular-foreach-loop