极客教程使用AngularJS从数组中移除重复的元素
我们给出了一个数组，任务是使用AngularJS从数组中移除/删除重复的部分。
步骤:
- 方法是使用filter()方法，在该方法里面，不重复的元素将被返回，重复的元素将只被返回一次。
- 因此，一个独特的阵列将被制成。
例子1：在这个例子中，字符‘g’和’b’被从原数组中删除。
<!DOCTYPE HTML>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
</script>
<script>
var myApp = angular.module("app", []);
myApp.controller("controller", function (scope) {
scope.arr = ['g', 'a', 'b', 'c', 'g', 'b'];
scope.res = [];
scope.remDup = function () {
scope.res =scope.arr
.filter(function (item, pos) {
return $scope.arr.indexOf(item) == pos;
})
};
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
Remove duplicate elements from
the array in AngularJS
</p>
<div ng-app="app">
<div ng-controller="controller">
Original Array = {{arr}}
<br><br>
<button ng-click='remDup()'>
Click here
</button>
<br><br>
Final Array = {{res}}<br>
</div>
</div>
</body>
</html>
输出:
例子2：这个例子做了大小写敏感的比较，所以像’gfg’和’GFG’这样的元素不会被认为是重复的。
<!DOCTYPE HTML>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
</script>
<script>
var myApp = angular.module("app", []);
myApp.controller("controller", function (scope) {
scope.arr = ['gfg', 'GFG',
'Gfg', 'gFG', 'gFg', 'gFg'];
scope.res = [];
scope.remDup = function () {
scope.res =scope.arr
.filter(function (item, pos) {
return $scope.arr.indexOf(item) == pos;
})
};
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
Remove duplicate elements
from the array in AngularJS
</p>
<div ng-app="app">
<div ng-controller="controller">
Original Array = {{arr}}
<br>
<br>
<button ng-click='remDup()'>
Click here
</button>
<br>
<br>
Final Array = {{res}}<br>
</div>
</div>
</body>
</html>
输出:
