AngularJS में angular.forEach() फंक्शन ऑब्जेक्ट्स, सरणियों, या संग्रहों पर पुनरावृति (iterate) करने के लिए उपयोग किया जाता है। यह इनहेरिटेड प्रॉपर्टीज पर पुनरावृति नहीं करता।
सिंटैक्स
angular.forEach(obj, iterator, [context])
पैरामीटर्स
- obj: पुनरावृति करने वाला ऑब्जेक्ट/सरणी
- iterator: फंक्शन
(value, key, obj)जहां:value: ऑब्जेक्ट प्रॉपर्टी मान या सरणी तत्वkey: ऑब्जेक्ट प्रॉपर्टी कुंजी या सरणी इंडेक्सobj: पूरा ऑब्जेक्ट
- context (वैकल्पिक): iterator फंक्शन के लिए
thisसंदर्भ
उदाहरण: forEach() से मानों पर पुनरावृति करें
अपने Angular प्रोजेक्ट डायरेक्टरी में forEach.html नामक फाइल बनाएं:
angular.forEach()
Welcome to Tutorials Point
AngularJS | angular.forEach()
कर्मचारी नाम:
- {{name}}
आउटपुट
बुलेट सूची में पांच नाम: John, Steve, Bill, Clark, Tim
विभिन्न उपयोग
// ऑब्जेक्ट पर पुनरावृति
var obj = {name: 'John', age: 30, city: 'NYC'};
angular.forEach(obj, function(value, key) {
console.log(key + ': ' + value);
});
// आउटपुट: name: John, age: 30, city: NYC
// सरणी पर पुनरावृति
var arr = ['Apple', 'Banana', 'Cherry'];
angular.forEach(arr, function(value, index) {
console.log(index + ': ' + value);
});
// आउटपुट: 0: Apple, 1: Banana, 2: Cherry
// context (this) के साथ
angular.forEach(items, function(item) {
this.process(item);
}, myService);
forEach vs मूल JavaScript
| विशेषता | angular.forEach | Array.forEach / for...in |
|---|---|---|
| ऑब्जेक्ट्स सपोर्ट | हां | for...in (प्रोटोटाइप सहित) |
| सरणी सपोर्ट | हां | हां (Array.forEach) |
| इनहेरिटेड प्रॉपर्टीज | नहीं (केवल own) | for...in में हां |
| ब्रेक/कंटिन्यू | नहीं (रिटर्न से केवल स्किप) | for लूप में संभव |
| कॉन्टेक्स्ट बाइंडिंग | तीसरा आर्गुमेंट | .bind(this) या ऐरो फंक्शन |
नोट
आधुनिक JavaScript (ES6+) में Array.forEach(), for...of, Object.keys().forEach() मूल विकल्प हैं। AngularJS अब विरासत फ्रेमवर्क है।