AngularJS-এ forEach() ফাংশন আইটেম বা অবজেক্ট বা অ্যারে এর কালেকশনের ওপর ইটারেট করার জন্য Iterator অবজেক্ট ব্যবহার করে। iterator ফাংশন iterator object (value, key, obj) এর সাথে কল করা হয়, যেখানে,
- value অবজেক্ট প্রপার্টি বা অ্যারে এলিমেন্টকে প্রতিনিধিত্ব করে,
- key অবজেক্ট প্রপার্টি কী বা অ্যারে এলিমেন্ট إندেক্স নির্দেশ করে, এবং
- obj পুরো অবজেক্টকে প্রতিনিধিত্ব করে।
লক্ষ্য করুন যে forEach() ফাংশন ইনহেরিটেড প্রপার্টিগুলোর ওপর ইটারেট করে না।
সিনট্যাক্স
angular.forEach(obj, iterator, [context])
উদাহরণ − forEach() ব্যবহার করে মানগুলো ইটারেট করা
আপনার Angular প্রজেক্ট ডিরেক্টরিতে "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>
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 ফাইল হিসেবে চালান। আপনি ব্রাউজার উইন্ডোতে নিচের আউটপুট দেখবেন।
যখন মানগুলো সমান নয় −
