Dada la array de JavaScript que contiene valores booleanos. La tarea es ordenar la array según el valor booleano con la ayuda de JavaScript. Aquí se discuten 2 enfoques aquí.
Enfoque 1:
- Utilice el método JavaScript Array.sort() .
- En la condición de comparación, utilice el operador === para comparar los objetos booleanos.
- Retorna 0, 1 y -1 significa igual, mayor y menor respectivamente dependiendo de la comparación.
Ejemplo 1: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
Sort an array of objects by a
Boolean property in JavaScript.
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP">
</p>
<button onclick="GFG_Fun();">
click here
</button>
<p id="GFG_DOWN"
style="color: green;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
a = [false, true, false, true, false];
up.innerHTML =
"Click on the button to sort the array"+
"on boolean property.<br>Array = [" + a + "]";
function GFG_Fun() {
a.sort(function(x, y) {
return (x === y) ? 0 : x ? -1 : 1;
});
down.innerHTML = "Sorted Array - [" + a + "]";
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Utilice el método JavaScript Array.sort() .
- En la condición de comparación, reste el primer elemento del segundo para comparar los objetos y devolver ese valor.
- Utilice el método .reverse() , si es necesario invertir el resultado.
Ejemplo 2: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
Sort an array of objects by a
Boolean property in JavaScript.
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP">
</p>
<button onclick="GFG_Fun();">
click here
</button>
<p id="GFG_DOWN"
style="color: green;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
a = [false, true, false, true, false];
up.innerHTML =
"Click on the button to sort the array on boolean "+
"property.<br>Array = [" + a + "]";
function GFG_Fun() {
a.sort((a, b) => b - a).reverse();
down.innerHTML = "Sorted Array - [" + a + "]";
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botó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