En este artículo, verificaremos si una array está vacía o no usando jQuery . En JavaScript , las arrays son un tipo especial de objeto. Si usamos el operador typeof para arrays, devuelve «objeto». Podemos usar el método isEmptyObject() de jQuery para verificar si la array está vacía o contiene elementos.
El método isEmptyObject() acepta un único parámetro de tipo Object, que es el objeto a comprobar y devuelve un valor booleano verdadero si el objeto está vacío y falso si no está vacío.
Sintaxis:
$.isEmptyObject(array);
Ejemplo 1: en el siguiente ejemplo, pasamos una array vacía al método isEmptyObject() .
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<!-- jQuery CDN Link -->
<script src=
"https://code.jquery.com/jquery-2.1.3.js">
</script>
<style>
body {
margin: 30px;
font-family: sans-serif;
text-align: center;
}
button {
padding: 20px;
background-color: green;
color: white;
cursor: pointer;
}
</style>
<!-- Function to check if array is empty -->
<script>
function checkArray() {
var array = [];
if($.isEmptyObject(array)) {
$("#write").text("The Array is Empty.");
}else {
$("#write").text("The Array is not Empty.");
}
}
</script>
</head>
<body>
<button id="button1" onclick="checkArray();">
CHECK ARRAY
</button>
<h2 id="write"></h2>
</body>
</html>
Producción:
Ejemplo 2: En este ejemplo, pasamos una array no vacía al método isEmptyObject() .
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>
Check whether the array is empty
or not using jQuery
</title>
<!-- jQuery CDN Link -->
<script src=
"https://code.jquery.com/jquery-2.1.3.js">
</script>
<style>
body {
margin-top: 30px;
font-family: sans-serif;
text-align: center;
}
button {
padding: 20px;
background-color: green;
color: white;
cursor: pointer;
}
</style>
<!-- Function to check if array is empty -->
<script>
function checkArray() {
var array = [20, 49, "gfg"];
if ($.isEmptyObject(array)) {
$("#write").text("The Array is Empty.");
} else {
$("#write").text("The Array is not Empty.");
}
}
</script>
</head>
<body>
<button id="button1" onclick="checkArray();">
CHECK ARRAY
</button>
<h2 id="write"></h2>
</body>
</html>
Producción:
