angglar forEach方法はソースコードを通して解読します。
アングラーでは、オブジェクトや配列を巡回するためのforEach()方法を提供しています。参考にしてください。具体的な内容は以下の通りです。
forEach方法は配列またはオブジェクトを巡回することができます。関数は三つのパラメータがあります。
1)、value valueは、巡回中のオブジェクトまたは配列要素の現在の値を指します。
2)、keyはオブジェクト属性のkeyまたは配列の索引です。
3)、obj objは、遍歴されたオブジェクトまたは配列自体である。
例:
function forEach(obj, iterator, context) {
var key, length;
if (obj) {
if (isFunction(obj)) {
for (key in obj) {
// Need to check if hasOwnProperty exists,
// as on IE8 the result of querySelectorAll is an object without a hasOwnProperty function
if (key != 'prototype' && key != 'length' && key != 'name' && (!obj.hasOwnProperty || obj.hasOwnProperty(key))) {
iterator.call(context, obj[key], key, obj);
}
}
} else if (isArray(obj) || isArrayLike(obj)) {
var isPrimitive = typeof obj !== 'object';
for (key = 0, length = obj.length; key < length; key++) {
if (isPrimitive || key in obj) {
iterator.call(context, obj[key], key, obj);
}
}
} else if (obj.forEach && obj.forEach !== forEach) {
obj.forEach(iterator, context, obj);
} else if (isBlankObject(obj)) {
// createMap() fast path --- Safe to avoid hasOwnProperty check because prototype chain is empty
for (key in obj) {
iterator.call(context, obj[key], key, obj);
}
} else if (typeof obj.hasOwnProperty === 'function') {
// Slow path for objects inheriting Object.prototype, hasOwnProperty check needed
for (key in obj) {
if (obj.hasOwnProperty(key)) {
iterator.call(context, obj[key], key, obj);
}
}
} else {
// Slow path for objects which do not have a method `hasOwnProperty`
for (key in obj) {
if (hasOwnProperty.call(obj, key)) {
iterator.call(context, obj[key], key, obj);
}
}
}
}
return obj;
}
公式の説明:forEach方法は配列またはオブジェクトを巡回することができます。関数は三つのパラメータがあります。
1)、value valueは、巡回中のオブジェクトまたは配列要素の現在の値を指します。
2)、keyはオブジェクト属性のkeyまたは配列の索引です。
3)、obj objは、遍歴されたオブジェクトまたは配列自体である。
例:
var values = {name: 'misko', gender: 'male'};
var log = [];
angular.forEach(values, function(value, key) {
this.push(key + ': ' + value);
}, log);
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。