AngularJS में forEach () फ़ंक्शन आइटम या ऑब्जेक्ट या किसी सरणी के संग्रह पर पुनरावृति करने के लिए Iterator ऑब्जेक्ट का उपयोग करता है। पुनरावर्तक फ़ंक्शन को इटरेटर ऑब्जेक्ट . के साथ कॉल किया जाता है (मान, कुंजी, obj ) कहाँ,
- मान वस्तु का प्रतिनिधित्व करता है संपत्ति या एक सरणी तत्व,
- कुंजी ऑब्जेक्ट गुण कुंजी या सरणी तत्व अनुक्रमणिका निर्दिष्ट करता है, और
- obj संपूर्ण वस्तु का प्रतिनिधित्व करता है।
ध्यान दें कि forEach() फ़ंक्शन विरासत में मिली संपत्तियों पर पुनरावृति नहीं करता है।
सिंटैक्स
angular.forEach(obj, iterator, [context])
उदाहरण - forEach()
. का उपयोग करके मानों को पुनरावृत्त करेंएक फ़ाइल बनाएं "forEach.html " अपनी कोणीय परियोजना निर्देशिका में और निम्नलिखित कोड स्निपेट को कॉपी-पेस्ट करें।
<!DOCTYPE html>
<html>
<head>
<title>angular.forEach()</title>
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js">
</script>
</head>
<body ng-app="app" ng-cloak style="padding:30px">
<h1 style="color:green">
Welcome to Tutorials Point
</h1>
<h2>AngularJS | angular.forEach()</h2>
<p>Employee Names:</p>
<div ng-controller="demo">
<div ng-repeat="name in names">
<ul><li>{{name}}</li></ul>
</div>
</div>
<!-- Script for passing the values and checking... -->
<script>
var app = angular.module("app", []);
app.controller('demo', ['$scope', function ($scope) {
$scope.names = [];
var values = [{name: 'John'},
{name: 'Steve'},
{name: 'Bill'},
{name: 'Clark'},
{name: 'Tim'}];
angular.forEach(values, function (value, key) {
$scope.names.push(value.name);
});
}]);
</script>
</body>
</html> आउटपुट
उपरोक्त कोड को चलाने के लिए, बस अपनी फ़ाइल पर जाएँ और इसे सामान्य HTML फ़ाइल के रूप में चलाएँ। आप ब्राउज़र विंडो पर निम्न आउटपुट देखेंगे।
जब मान बराबर न हों -
