¿Como obtener el valor de una propiedad en un arreglo de objetos JSON?

Question

Tengo un arreglo de objetos y quiero obtener [152,153,154,155,156,157] que son los valores para la propiedad intento de cada objeto. Lo obtendría recorriendo con for, pero quiero saber si existe una función para hacerlo mas fácil.

let arr= [{intento: 152, tipo: "intruso"},
 {intento: 153, tipo: "intruso"},
 {intento: 154, tipo: "intruso"},
 {intento: 155, tipo: "intruso"},
 {intento: 156, tipo: "intruso"},
 {intento: 157, tipo: "intruso"}]
 
 let copy=[];
 for(let i=0; i<arr.length; i++){
 copy.push(arr[i].intento);
 }
 console.log(copy);

para que la pregunta sea mejor recibida por la comunidad puedes agregar el for que realizarías? y de ahi nosotros te proponemos una respuesta — , Nov 22 '18 at 14:59
Eso no es un *objeto JSON* [JSON!= objeto JS](https://es.stackoverflow.com/questions/164943/cu%C3%A1l-es-la-diferencia-entre-json-y-un-objeto-en-javascript) — Pablo Lozano, Nov 22 '18 at 15:34

score 6 · Accepted Answer · edited Nov 22 '18 at 15:43

6

Hay una manera más elegante de conseguirlo, pero creo que no es mucho más eficiente que el for. De todos modos te pongo la propuesta:

let arr= [{intento: 152, tipo: "intruso"},
 {intento: 153, tipo: "intruso"},
 {intento: 154, tipo: "intruso"},
 {intento: 155, tipo: "intruso"},
 {intento: 156, tipo: "intruso"},
 {intento: 157, tipo: "intruso"}]
 let resultado = arr.map(a => a.intento)
console.log(resultado);

Como ves en una sola línea obtienes el mismo resultado que el for, pero no se si es más rápido o no.

edited Nov 22 '18 at 15:43

JackNavaRow

6,836
5
22
49

answered Nov 22 '18 at 15:02

Iñigo Irigoyen Erquicia

1,988
1
6
12

el detalle con `map` es que terminará siendo mas lento por que genera un arreglo nuevo con los valores tomados – Nov 22 '18 at 15:06
Si, es justo lo que el necesita ya que quiere obtener un array con esos valores. – Iñigo Irigoyen Erquicia Nov 22 '18 at 15:08
no leo en que parte diga que quiere un arreglo nuevo, solo dice que quiere obtener los valores de `intento` que es cosa aparte – Nov 22 '18 at 15:08
Pues no sé, e interpretado esta línea así: "y quiero obtener [152,153,154,155,156,157]" – Iñigo Irigoyen Erquicia Nov 22 '18 at 15:09
2

Y si alguien esta interesado en ver más sobre rendimiento --> https://github.com/dg92/Performance-Analysis-JS – MitaCloud Nov 22 '18 at 15:14
1

Buen artículo ! – Iñigo Irigoyen Erquicia Nov 22 '18 at 15:25

score 3 · Answer 2 · answered Nov 22 '18 at 15:02

3

Si utilizas jQuery puedes hacerlo utilizando "map", sino creo que un ciclo for sería lo mejor.

let arr = [
 {intento: 152, tipo: "intruso"},
 {intento: 153, tipo: "intruso"},
 {intento: 154, tipo: "intruso"},
 {intento: 155, tipo: "intruso"},
 {intento: 156, tipo: "intruso"},
 {intento: 157, tipo: "intruso"}]
 
var res = $.map(arr, function( val, i ) { return val.intento; });

console.log(res);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

¡Suerte!

answered Nov 22 '18 at 15:02

Gustavo Cantero

1,972
1
7
13

1

de hecho si utiliza solo javascript podria usar el map – JackNavaRow Nov 22 '18 at 15:38
Sólo con los navegadores que soportan ECMAScript 5, si tenés que hacer una aplicación web que utilice navegadores no tan actualizados te conviene usar jQuery o un ciclo for. – Gustavo Cantero Nov 22 '18 at 15:50
todos los [navegadores dan soporte](https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/map) incluso desde Internet exporer 9 – JackNavaRow Nov 22 '18 at 16:25
coloco otro [enlace de referencia](https://caniuse.com/#search=map) – JackNavaRow Nov 22 '18 at 16:30

score 2 · Answer 3 · answered Nov 22 '18 at 15:06

Realizalo a través de un forEach() de este modo

let data =[{intento: 152, tipo: "intruso"},
 {intento: 153, tipo: "intruso"},
 {intento: 154, tipo: "intruso"},
 {intento: 155, tipo: "intruso"},
 {intento: 156, tipo: "intruso"},
 {intento: 157, tipo: "intruso"}]


data.forEach((element, index) => {
  console.log(element["intento"])
})

Simplemente necesitarás indicarle a la función que va por dentro 2 argumentos: element e index después en el console.log() le indicas que solo quieres el valor en intento de este modo element["nombredelaclave"]

A la larga forEach termina siendo mas rápido que map y de hecho este último te genera un arreglo nuevo partiendo del antes creado y creo eso no es lo que necesitas

score 0 · Answer 4 · answered Nov 22 '18 at 15:42

Y ya por poner otra opción... Pongo el for of de ES6

let arr= [{intento: 152, tipo: "intruso"},
 {intento: 153, tipo: "intruso"},
 {intento: 154, tipo: "intruso"},
 {intento: 155, tipo: "intruso"},
 {intento: 156, tipo: "intruso"},
 {intento: 157, tipo: "intruso"}]
 
let copy = [];
 
for (let item of arr) {
   copy.push(item.intento);
}

console.log(copy);

¿Como obtener el valor de una propiedad en un arreglo de objetos JSON?

4 Answers4