JavaScript es un lenguaje de secuencias de comandos del lado del cliente de alto nivel, interpretado y tipificado dinámicamente. JavaScript se utiliza para agregar funciones dinámicas al HTML estático. Todo es un objeto en JavaScript. Los objetos en JavaScript se pueden declarar usando corchetes {..} y los objetos pueden comprender ciertas propiedades. Estas propiedades son básicamente pares clave-valor. La clave es un identificador que se utiliza para almacenar y recuperar valores. Invertir pares clave-valor es tedioso usando métodos convencionales. Pero con la llegada de «underscore.js», la inversión de valores clave se puede realizar utilizando el método incorporado _.invert() . En este artículo, discutiremos ambos métodos para invertir pares de valores clave de objetos JavaScript.
Primer enfoque: en este ejemplo, demostraremos el método convencional de inversión de pares clave-valor. Al principio, se crea un objeto de estudiante con las propiedades «nombre», «edad», «std» y «fees». Se define una función inversa() que toma el objeto estudiante como parámetro y recorre cada tecla del objeto. Se define un nuevo objeto retobj que almacena los pares de valores clave invertidos.
Implementación de código:
Javascript
function inverse(obj){
var retobj = {};
for(var key in obj){
retobj[obj[key]] = key;
}
return retobj;
}
var student =
{
name : "Jack",
age: 18,
std : 12,
fees : 5000
}
console.log("Object before inversion");
console.log(student);
student = inverse(student);
console.log("Object after inversion");
console.log(student);
Producción:
Segundo enfoque: en este ejemplo, usamos el método _.invert() de «guión bajo.js» para invertir los pares de valores clave del objeto. El método toma el objeto como parámetro y devuelve una copia del objeto con las claves como valores y los valores como claves. El objeto «estudiante» se pasa al método _.invert() . El método devuelve la copia invertida del objeto «estudiante». El programa importa la biblioteca externa «underscore.js» para usar métodos incorporados. Los resultados se muestran en la página web.
Sintaxis:
_.invert(object)
Implementación de código:
HTML
<!DOCTYPE html>
<html>
<head>
<script
src=
"https://cdn.jsdelivr.net/npm/underscore@1.12.0/underscore-min.js">
</script>
</head>
<body>
<script type="text/javascript">
var student = {
name : "Jack",
age: 18,
std : 12,
fees : 5000
}
document.write("<h1>Object before inversion</h1>");
document.write("<br>");
document.write(JSON.stringify(student));
document.write("<br>");
student = JSON.stringify(_.invert(student));
document.write("<h1>Object after inversion</h1>");
document.write("<br>");
document.write(student);
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Shreyasi_Chakraborty y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA