ฟังก์ชัน forEach() ใน AngularJS ใช้ออบเจ็กต์ Iterator เพื่อวนซ้ำในคอลเล็กชันของรายการหรืออ็อบเจ็กต์หรืออาร์เรย์ ตัววนซ้ำ ฟังก์ชันถูกเรียกด้วย วัตถุวนซ้ำ (ค่า คีย์ obj ) ที่ไหน
- ค่าแสดงถึงวัตถุ คุณสมบัติหรือองค์ประกอบอาร์เรย์
- คีย์ ระบุคีย์คุณสมบัติของวัตถุหรือดัชนีองค์ประกอบอาร์เรย์และ
- obj แสดงถึงวัตถุทั้งหมด
โปรดทราบว่า forEach() ฟังก์ชันไม่วนซ้ำคุณสมบัติที่สืบทอดมา
ไวยากรณ์
angular.forEach(obj, iterator, [context])
ตัวอย่าง − วนซ้ำค่าโดยใช้ forEach()
สร้างไฟล์ "forEach.html " ในไดเร็กทอรีโปรเจ็กต์ Angular และคัดลอกและวางข้อมูลโค้ดต่อไปนี้
<!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 ปกติ คุณจะเห็นผลลัพธ์ต่อไปนี้ในหน้าต่างเบราว์เซอร์
เมื่อค่าไม่เท่ากัน −
