¿Cómo vaciar una array usando AngularJS?

Dada una array y la tarea es vaciar una array o eliminar todos los elementos de la array en AngularJS. Para hacer esto, hay 2 formas, es decir, use la notación [] para reinicializar la array que eventualmente elimina todos los elementos de la array, o establezca la longitud de la array en 0 usando la propiedad de longitud , que también vacía el formación.

Exploraremos ambos enfoques y los entenderemos a través de las ilustraciones.

Enfoque: En este caso. arr =[] creará una nueva array y le asignará una referencia a una variable, mientras que cualquier otra referencia que aún apunte a la array original no se verá afectada. 

Ejemplo 1: Este ejemplo ilustra una array vacía usando la notación [] en AngularJS.

HTML

<!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>

Producción:

 

Enfoque: en este caso, arr.length = 0 manipula la array en sí, es decir, básicamente elimina todo de la array y mientras accede a la array con la ayuda de diferentes variables, obtendremos la array modificada.

Ejemplo 2: este ejemplo ilustra la configuración de la longitud de la array en 0 mediante la propiedad de longitud , que especifica una array vacía.

HTML

<!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>

Producción:

 

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *