Método 1: Usar el método Object.values(): El método Object.values() se usa para devolver una array de valores de propiedad enumerables propios del objeto. La array se puede hacer un bucle usando un bucle for para obtener todos los valores del objeto. Por lo tanto, no es necesario conocer las claves para obtener todos los valores de propiedad.
Sintaxis:
let valuesArray = Object.values(exampleObj);
for (let value of valuesArray) {
console.log(value);
}
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to get all properties
values of a Javascript Object
(without knowing the keys)?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to get all properties
values of a Javascript Object
(without knowing the keys)?
</b>
<p>
Click on the button to get all
properties values.
</p>
<p>
Check the console for the output
</p>
<button onclick="getValues()">
Get Property Values
</button>
<script type="text/javascript">
function getValues() {
let exampleObj = {
language: "C++",
designedby: "Bjarne Stroustrup",
year: "1979"
};
let valuesArray = Object.values(exampleObj);
for (let value of valuesArray) {
console.log(value);
}
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Método 2: extraer las claves para acceder a las propiedades: el método Object.keys() se utiliza para devolver una array de nombres de propiedad enumerables propios de los objetos. El método forEach() se usa en esta array para acceder a cada una de las claves. Se puede acceder al valor de cada propiedad usando las claves con una notación de array del objeto.
Por lo tanto, no es necesario conocer las claves de antemano para obtener todos los valores de propiedad.
Sintaxis:
let objKeys = Object.keys(exampleObj);
objKeys.forEach(key => {
let value = exampleObj[key];
console.log(value);
});
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to get all properties
values of a Javascript Object
(without knowing the keys)?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to get all properties
values of a Javascript Object
(without knowing the keys)?
</b>
<p>
Click on the button to get all
properties values.
</p>
<p>
Check the console for the output
</p>
<button onclick="getValues()">
Get Property Values
</button>
<script type="text/javascript">
function getValues() {
let exampleObj = {
language: "C++",
designedby: "Bjarne Stroustrup",
year: "1979"
};
let objKeys = Object.keys(exampleObj);
objKeys.forEach(key => {
let value = exampleObj[key];
console.log(value);
});
}
</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 sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA