Cómo acceder a las propiedades del objeto sin distinguir entre mayúsculas y minúsculas. En este artículo, analizamos cómo acceder a las propiedades del objeto sin distinguir entre mayúsculas y minúsculas en JavaScript.
Enfoque 1: en este enfoque, la clave se pasa a la función y, mientras se compara, use el método toLowerCase() para transformar la clave pasada y la clave del objeto a minúsculas. Luego compare las claves y, si son iguales, devuelva su valor.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
Access Object property
case-insensitively in JavaScript
</title>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"></p>
<button onclick="gfg_Run()">
Click Here
</button>
<p id="GFG_DOWN"></p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var GFG_Object = {
a: "Val_1",
n: "Val_2",
c: "Val_3",
b: "Val_4",
};
el_up.innerHTML =
"Click on the button to access object "+
"case-insensitively.<br>Object - "
+ JSON.stringify(GFG_Object);
function findVal(obj, prop) {
prop = (prop + "").toLowerCase();
for (var p in obj) {
if (obj.hasOwnProperty(p) && prop ==
(p + "").toLowerCase()) {
return obj[p];
}
}
}
function gfg_Run() {
var key = "A";
el_down.innerHTML = "Key - '" +
key + "'<br>Value - '"
+ findVal(GFG_Object, key) + "'";
}
</script>
</body>
</html>
Producción:
Enfoque 2: el enfoque aquí es el mismo que en el ejemplo anterior, se usa el método Object.keys() y la operación se realiza de manera compacta.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
Access Object property
case-insensitively in JavaScript
</title>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"></p>
<button onclick="gfg_Run()">
Click Here
</button>
<p id="GFG_DOWN"></p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var GFG_Object = {
a: "Val_1",
n: "Val_2",
c: "Val_3",
b: "Val_4",
};
el_up.innerHTML =
"Click on the button to access object "+
"case-insensitively.<br>Object - "
+ JSON.stringify(GFG_Object);
function gfg_Run() {
var ObjKey = "A";
el_down.innerHTML = "Key - '"
+ ObjKey + "'<br>Value - '"
+ GFG_Object[Object.keys(GFG_Object).find((key) =>
key.toLowerCase() === ObjKey.toLowerCase())];
+"'";
}
</script>
</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