极客教程如何使用AngularJS使数组变空
给定一个数组，任务是在AngularJS中使数组变空或删除数组中的所有元素。为了做到这一点，有两种方法，即使用[]符号来重新初始化数组，最终从数组中删除所有的元素，或者通过使用length属性将数组的长度设置为0，这也会清空数组。
我们将探索这两种方法，并通过插图了解它们。
方法：在这种情况下。arr =[] 将创建一个新的数组，并将其引用分配给一个变量，而任何其他的引用将保持不受影响，仍然指向原始数组。
例子1：这个例子说明了在AngularJS中使用[]符号来清空一个数组。
<!DOCTYPE html>
<html>
<head>
<script src=
"//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 = ['Geek', 'GeeksforGeeks', 'gfg'];
scope.emptyArr = function () {
scope.arr = [];
};
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
How to empty an array in AngularJS
</h3>
<div ng-app="app">
<div ng-controller="controller">
Array = {{arr}}<br><br>
<button ng-click='emptyArr()'>
Clear Array
</button>
</div>
</div>
</body>
</html>
输出:
方法：在这种情况下，arr.length = 0操作了数组本身，即基本上删除了数组中的所有内容，同时在不同变量的帮助下访问数组，然后我们将得到修改后的数组。
例子2：本例说明了使用length属性将数组长度设置为0，指定一个空数组。
<!DOCTYPE html>
<html>
<head>
<script src=
"//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 = ['Geek', 'GeeksforGeeks', 'gfg'];
scope.emptyArr = function () {
scope.arr.length = 0;
};
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
How to empty an array in AngularJS
</h3>
<div ng-app="app">
<div ng-controller="controller">
Array = {{arr}}<br><br>
<button ng-click='emptyArr()'>
Clear Array
</button>
</div>
</div>
</body>
</html>
输出:
