JavaScript - Having trouble parsing a json object

Question

I have trouble parsing a JSON object,

this is my code

var k = '[{"image:loc":["https://cdn.shopify.com/s/files/1/0094/2252/products/YZY-KW3027.053.jpg?v=1539344090"],"image:title":["Yeezy WMNS Tubular Boot Washed Canvas - Limestone"]}]'
var kP = JSON.parse(k);

console.log(kP);

But when I do try to parse "image:loc" or "image:title" like this: console.log(kP['image:loc']); it returns undefined.

Is there is only one image loc in array or it may be more than one ? — Sudhir Ojha, Oct 31 '18 at 10:57

Mamun · Answer 1 · 2018-10-31T11:05:35.027

0

Since kP is an array, to access any property from that you have to use proper index:

var k = '[{"image:loc":["https://cdn.shopify.com/s/files/1/0094/2252/products/YZY-KW3027.053.jpg?v=1539344090"],"image:title":["Yeezy WMNS Tubular Boot Washed Canvas - Limestone"]}]'
var kP = JSON.parse(k);

console.log(kP);
console.log(kP[0]['image:loc']);

edited Oct 31 '18 at 11:05

answered Oct 31 '18 at 10:54

Mamun

66,969
9
47
59

@BobJensen, you are most welcome :) – Mamun Oct 31 '18 at 10:56

score 0 · Answer 2 · answered Oct 31 '18 at 10:54

console.log(kP['image:loc']); doesn't work as kP is an array. You need to target the first index of the array to target your object like so:

var k = '[{"image:loc":["https://cdn.shopify.com/s/files/1/0094/2252/products/YZY-KW3027.053.jpg?v=1539344090"],"image:title":["Yeezy WMNS Tubular Boot Washed Canvas - Limestone"]}]'
var kP = JSON.parse(k);

console.log(kP[0]['image:loc']);

JavaScript - Having trouble parsing a json object

2 Answers2