looping a javascript Object Array (inside another object)

Question

I need to loop an javascript object array

This is my object response:

{
 "kind": "calendar#events",
 "etag": "\"p3288namrojte20g\"",
 "summary": "pedicura",
 "updated": "2019-05-01T14:25:51.642Z",
 "timeZone": "America/Argentina/Cordoba",
 "accessRole": "owner",
 "defaultReminders": [
 {
 "method": "popup",
 "minutes": 30
 }
 ],
 "nextSyncToken": "CJCLqtvE-uECEJCLqtvE-uECGAU=",
 "items": [
 {
 "kind": "calendar#event",
 "etag": "\"3113441344690000\"",
 "id": "hb6me2h********1dun5rs10",
 "status": "confirmed",
 "htmlLink": "https://www.google.com/calendar/event?eid=aGI2bWUyaGFvaGtqbWI4bXYxZHVuNXJzMTAgZTYyMXJtMD********Zw",
 "created": "2019-05-01T14:12:08.000Z",
 "updated": "2019-05-01T14:24:32.345Z",
 "summary": "Prueba de: Pedicura en sala 2-x",
 "description": "x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?",
 "creator": {
 "email": "[email protected]"
 },
 "organizer": {
 "email": "[email protected]",
 "displayName": "pedicura",
 "self": true
 },
 "start": {
 "dateTime": "2019-05-08T21:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "end": {
 "dateTime": "2019-05-08T23:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "iCalUID": "[email protected]",
 "sequence": 2,
 "attendees": [
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 },
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 }
 ],
 "reminders": {
 "useDefault": true
 }
 },
 {
 "kind": "calendar#event",
 "etag": "\"3113441378884000\"",
 "id": "tv**0nbhkt**47la0k",
 "status": "confirmed",
 "htmlLink": "https://www.google.com/calendar/event?eid=dHZmOTQwbmJoa3Q3cnJvYjJsMW00N2xhMGsgZTYyMXJtM*****",
 "created": "2019-05-01T14:18:53.000Z",
 "updated": "2019-05-01T14:24:49.442Z",
 "summary": "Prueba de: Pedicura en sala 2-x",
 "description": "x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?",
 "creator": {
 "email": "[email protected]"
 },
 "organizer": {
 "email": "[email protected]",
 "displayName": "pedicura",
 "self": true
 },
 "start": {
 "dateTime": "2019-05-07T21:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "end": {
 "dateTime": "2019-05-07T23:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "iCalUID": "[email protected]",
 "sequence": 2,
 "attendees": [
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 },
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 }
 ],
 "reminders": {
 "useDefault": true
 }
 },
 {
 "kind": "calendar#event",
 "etag": "\"3113441503284000\"",
 "id": "tqhje1kd*****0",
 "status": "confirmed",
 "htmlLink": "https://www.google.com/calendar/event?eid=dHFoamUxa2Q0MG51M2Q3cGd2b2xlOGRqODAgZTYyMX*****",
 "created": "2019-05-01T14:25:51.000Z",
 "updated": "2019-05-01T14:25:51.642Z",
 "summary": "Prueba de",
 "description": "x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?",
 "creator": {
 "email": "[email protected]"
 },
 "organizer": {
 "email": "[email protected]",
 "displayName": "prueba",
 "self": true
 },
 "start": {
 "dateTime": "2019-04-26T21:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "end": {
 "dateTime": "2019-04-26T23:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "iCalUID": "tqh*****[email protected]",
 "sequence": 0,
 "attendees": [
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 },
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 }
 ],
 "reminders": {
 "useDefault": true
 }
 }
 ]
}

I want to loop items (inside of body) and I've tryed something like this:

var dataStr = JSON.stringify(response);
var dataPrs = JSON.parse(dataStr);
var dataList = JSON.stringify(dataPrs.items);
dataStr = JSON.stringify(dataList);
dataPrs = JSON.parse(dataStr);
dataListPrs.forEach( console.log(dataPrs.htmlLink) );

and also:

cons items = data.items;
items.forEach(x => console.log(x.htmlLink))

and also:

var dataStr = JSON.stringify(response);
var dataPrs = JSON.parse(dataStr);
var body = dataPrs.body.items;
console.log("body", body);
const items = response.items;
console.log("items", items);
items.forEach(x => console.log(x.htmlLink));

but items is always undefined

• oldboy: of course items is always undefined since this data entity is never declared anywhere?
• Alejandro Levit: I put data but it was response
• Alejandro Levit: I tried to parse and stringfy twice because I'm lost

Answer 1

Based on what you supplied, I would expect these lines to work:

const items = response.items;
console.log("items", items);
items.forEach(x => console.log(x.htmlLink));

It worked in my test when I set response to the JSON you provided. So I would expect response is not what you think you it is when this code runs.

const response = {"kind":"calendar#events","etag":"\"p3288namrojte20g\"","summary":"pedicura","updated":"2019-05-01T14:25:51.642Z","timeZone":"America/Argentina/Cordoba","accessRole":"owner","defaultReminders":[{"method":"popup","minutes":30}],"nextSyncToken":"CJCLqtvE-uECEJCLqtvE-uECGAU=","items":[{"kind":"calendar#event","etag":"\"3113441344690000\"","id":"hb6me2h********1dun5rs10","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=aGI2bWUyaGFvaGtqbWI4bXYxZHVuNXJzMTAgZTYyMXJtMD********Zw","created":"2019-05-01T14:12:08.000Z","updated":"2019-05-01T14:24:32.345Z","summary":"Prueba de: Pedicura en sala 2-x","description":"x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?","creator":{"email":"[email protected]"},"organizer":{"email":"[email protected]","displayName":"pedicura","self":true},"start":{"dateTime":"2019-05-08T21:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"end":{"dateTime":"2019-05-08T23:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"iCalUID":"[email protected]","sequence":2,"attendees":[{"email":"[email protected]","responseStatus":"needsAction"},{"email":"[email protected]","responseStatus":"needsAction"}],"reminders":{"useDefault":true}},{"kind":"calendar#event","etag":"\"3113441378884000\"","id":"tv**0nbhkt**47la0k","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=dHZmOTQwbmJoa3Q3cnJvYjJsMW00N2xhMGsgZTYyMXJtM*****","created":"2019-05-01T14:18:53.000Z","updated":"2019-05-01T14:24:49.442Z","summary":"Prueba de: Pedicura en sala 2-x","description":"x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?","creator":{"email":"[email protected]"},"organizer":{"email":"[email protected]","displayName":"pedicura","self":true},"start":{"dateTime":"2019-05-07T21:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"end":{"dateTime":"2019-05-07T23:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"iCalUID":"[email protected]","sequence":2,"attendees":[{"email":"[email protected]","responseStatus":"needsAction"},{"email":"[email protected]","responseStatus":"needsAction"}],"reminders":{"useDefault":true}},{"kind":"calendar#event","etag":"\"3113441503284000\"","id":"tqhje1kd*****0","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=dHFoamUxa2Q0MG51M2Q3cGd2b2xlOGRqODAgZTYyMX*****","created":"2019-05-01T14:25:51.000Z","updated":"2019-05-01T14:25:51.642Z","summary":"Prueba de","description":"x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?","creator":{"email":"[email protected]"},"organizer":{"email":"[email protected]","displayName":"prueba","self":true},"start":{"dateTime":"2019-04-26T21:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"end":{"dateTime":"2019-04-26T23:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"iCalUID":"tqh*****[email protected]","sequence":0,"attendees":[{"email":"[email protected]","responseStatus":"needsAction"},{"email":"[email protected]","responseStatus":"needsAction"}],"reminders":{"useDefault":true}}]}
 
const items = response.items;
console.log("items", items);
items.forEach(x => console.log(x.htmlLink));

• Alejandro Levit: hello @Karl Galvez, still items undefined TypeError: items is undefined[Saber más]
• Karl Galvez: Based on this and your response to @Always Sunny, I feel even more strongly that response is not what you expect when trying to use it. Can you console.log(response) before trying to use it? Then share the results.
• Alejandro Levit: response is too big; i've uploaded to: nutrirm.com/response.txt
• Alejandro Levit: @always sunny: i have this error now: SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data
• Karl Galvez: The response isn't valid JSON. The very first part is invalid, so throwing an error with result: {…}. After that, there are still a lot of errors. However, we've determined your issue is in the response, not your code. Hopefully, you have control over the response.

Answer 2

You can do it with forEach() to get the htmlLinks from the json object like below-

let obj = {"kind":"calendar#events","etag":"\"p3288namrojte20g\"","summary":"pedicura","updated":"2019-05-01T14:25:51.642Z","timeZone":"America/Argentina/Cordoba","accessRole":"owner","defaultReminders":[{"method":"popup","minutes":30}],"nextSyncToken":"CJCLqtvE-uECEJCLqtvE-uECGAU=","items":[{"kind":"calendar#event","etag":"\"3113441344690000\"","id":"hb6me2h********1dun5rs10","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=aGI2bWUyaGFvaGtqbWI4bXYxZHVuNXJzMTAgZTYyMXJtMD********Zw","created":"2019-05-01T14:12:08.000Z","updated":"2019-05-01T14:24:32.345Z","summary":"Prueba de: Pedicura en sala 2-x","description":"x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?","creator":{"email":"[email protected]"},"organizer":{"email":"[email protected]","displayName":"pedicura","self":true},"start":{"dateTime":"2019-05-08T21:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"end":{"dateTime":"2019-05-08T23:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"iCalUID":"[email protected]","sequence":2,"attendees":[{"email":"[email protected]","responseStatus":"needsAction"},{"email":"[email protected]","responseStatus":"needsAction"}],"reminders":{"useDefault":true}},{"kind":"calendar#event","etag":"\"3113441378884000\"","id":"tv**0nbhkt**47la0k","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=dHZmOTQwbmJoa3Q3cnJvYjJsMW00N2xhMGsgZTYyMXJtM*****","created":"2019-05-01T14:18:53.000Z","updated":"2019-05-01T14:24:49.442Z","summary":"Prueba de: Pedicura en sala 2-x","description":"x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?","creator":{"email":"[email protected]"},"organizer":{"email":"[email protected]","displayName":"pedicura","self":true},"start":{"dateTime":"2019-05-07T21:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"end":{"dateTime":"2019-05-07T23:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"iCalUID":"[email protected]","sequence":2,"attendees":[{"email":"[email protected]","responseStatus":"needsAction"},{"email":"[email protected]","responseStatus":"needsAction"}],"reminders":{"useDefault":true}},{"kind":"calendar#event","etag":"\"3113441503284000\"","id":"tqhje1kd*****0","status":"confirmed","htmlLink":"https://www.google.com/calendar/event?eid=dHFoamUxa2Q0MG51M2Q3cGd2b2xlOGRqODAgZTYyMX*****","created":"2019-05-01T14:25:51.000Z","updated":"2019-05-01T14:25:51.642Z","summary":"Prueba de","description":"x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?","creator":{"email":"[email protected]"},"organizer":{"email":"[email protected]","displayName":"prueba","self":true},"start":{"dateTime":"2019-04-26T21:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"end":{"dateTime":"2019-04-26T23:00:00-03:00","timeZone":"America/Argentina/Buenos_Aires"},"iCalUID":"tqh*****[email protected]","sequence":0,"attendees":[{"email":"[email protected]","responseStatus":"needsAction"},{"email":"[email protected]","responseStatus":"needsAction"}],"reminders":{"useDefault":true}}]}
 
obj['items'].forEach(myFunction);
function myFunction(item, index) {
 if(item.hasOwnProperty('htmlLink')){
 console.log(item.htmlLink) 
 }
}

• Alejandro Levit: Thanks Sunny but i still get "TypeError: obj.items is undefined"
• A l w a y s S u n n y: @AlejandroLevit could you please see my edit again?
• Alejandro Levit: is about the dot? i'm using "obj['items']" but it still shows that error.
• A l w a y s S u n n y: seems your response is in string format not in object, so you've use JSON.parse() to make it object before further processing.
• A l w a y s S u n n y: Did you try with let obj = JSON.parse(response);?

Answer 3

If the response is coming from Promise, you may need to loop on response.data.items

Answer 4

I solved, it was on @Always Sunny and on @Karl Galvez way; helped also the @Sandeep P statement because i was on a .then

thank you very much to all who helped and tyed.

Answer 5

// this should work

var response = {
 "kind": "calendar#events",
 "etag": "\"p3288namrojte20g\"",
 "summary": "pedicura",
 "updated": "2019-05-01T14:25:51.642Z",
 "timeZone": "America/Argentina/Cordoba",
 "accessRole": "owner",
 "defaultReminders": [
 {
 "method": "popup",
 "minutes": 30
 }
 ],
 "nextSyncToken": "CJCLqtvE-uECEJCLqtvE-uECGAU=",
 "items": [
 {
 "kind": "calendar#event",
 "etag": "\"3113441344690000\"",
 "id": "hb6me2h********1dun5rs10",
 "status": "confirmed",
 "htmlLink": "https://www.google.com/calendar/event?eid=aGI2bWUyaGFvaGtqbWI4bXYxZHVuNXJzMTAgZTYyMXJtMD********Zw",
 "created": "2019-05-01T14:12:08.000Z",
 "updated": "2019-05-01T14:24:32.345Z",
 "summary": "Prueba de: Pedicura en sala 2-x",
 "description": "x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?",
 "creator": {
 "email": "[email protected]"
 },
 "organizer": {
 "email": "[email protected]",
 "displayName": "pedicura",
 "self": true
 },
 "start": {
 "dateTime": "2019-05-08T21:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "end": {
 "dateTime": "2019-05-08T23:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "iCalUID": "[email protected]",
 "sequence": 2,
 "attendees": [
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 },
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 }
 ],
 "reminders": {
 "useDefault": true
 }
 },
 {
 "kind": "calendar#event",
 "etag": "\"3113441378884000\"",
 "id": "tv**0nbhkt**47la0k",
 "status": "confirmed",
 "htmlLink": "https://www.google.com/calendar/event?eid=dHZmOTQwbmJoa3Q3cnJvYjJsMW00N2xhMGsgZTYyMXJtM*****",
 "created": "2019-05-01T14:18:53.000Z",
 "updated": "2019-05-01T14:24:49.442Z",
 "summary": "Prueba de: Pedicura en sala 2-x",
 "description": "x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?",
 "creator": {
 "email": "[email protected]"
 },
 "organizer": {
 "email": "[email protected]",
 "displayName": "pedicura",
 "self": true
 },
 "start": {
 "dateTime": "2019-05-07T21:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "end": {
 "dateTime": "2019-05-07T23:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "iCalUID": "[email protected]",
 "sequence": 2,
 "attendees": [
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 },
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 }
 ],
 "reminders": {
 "useDefault": true
 }
 },
 {
 "kind": "calendar#event",
 "etag": "\"3113441503284000\"",
 "id": "tqhje1kd*****0",
 "status": "confirmed",
 "htmlLink": "https://www.google.com/calendar/event?eid=dHFoamUxa2Q0MG51M2Q3cGd2b2xlOGRqODAgZTYyMX*****",
 "created": "2019-05-01T14:25:51.000Z",
 "updated": "2019-05-01T14:25:51.642Z",
 "summary": "Prueba de",
 "description": "x-prueba de añadir masajes en sala 2 y notificar al manicura y a otra persona, fernanda?",
 "creator": {
 "email": "[email protected]"
 },
 "organizer": {
 "email": "[email protected]",
 "displayName": "prueba",
 "self": true
 },
 "start": {
 "dateTime": "2019-04-26T21:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "end": {
 "dateTime": "2019-04-26T23:00:00-03:00",
 "timeZone": "America/Argentina/Buenos_Aires"
 },
 "iCalUID": "tqh*****[email protected]",
 "sequence": 0,
 "attendees": [
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 },
 {
 "email": "[email protected]",
 "responseStatus": "needsAction"
 }
 ],
 "reminders": {
 "useDefault": true
 }
 }
 ]
};
var items = response.items;
if(items) {
 for (var itemsIter = 0; itemsIter < items.length; itemsIter++) {
 var item = items[itemsIter];
 if(item && item.hasOwnProperty('htmlLink')) {
 console.log(item.htmlLink);
 }
 }
}

• Alejandro Levit: hello chetan, is not working because i ca't reference "response.items"
• Chetan Chandrashekar: Ok give me sometime will run and give it to you.
• Chetan Chandrashekar: Should work now , find the jsbin here jsbin.com/tanileyice/edit?js,console,output