Accessing object properties in JSON with a loop

Question

I am trying to learn more about loops and am attempting to access object properties in JSON format.

My JS is:

var movies = {
  "Black Panther" : {
    "title" : "Black Panther",
    "theatricalrelease" : "2/16/2018"
  },
  "Infinity War" : {
    "title" : "Avengers: Infinity War",
    "theatricalrelease" : "5/4/2018"
  },
  "Captain Marvel" : {
    "title" : "Captain Marvel",
    "theatricalrelease" : "TBA"
  }
}

console.log(movies); //logs correctly
console.log(movies.length); //logs undefined

for (var i = 0; i < movies.length; i++) {
  console.log(movies[i]); // doesn't log anything
}

How can I access object properties like title and theatricalrelease?

Possible duplicated question of: stackoverflow.com/questions/684672/… — caiovisk
– caiovisk, Commented Feb 1, 2018 at 2:15
Possible duplicate of How do I loop through or enumerate a JavaScript object? — caiovisk
– caiovisk, Commented Feb 1, 2018 at 2:15
You should really considering using JSON.parse first it will make your life way easier, then you can just use functions like you do over an object literal — Matthew Lagerwey
– Matthew Lagerwey, Commented Feb 1, 2018 at 2:47

Sajeetharan · Accepted Answer · 2018-02-01 02:13:44Z

2

You cannot use .length over an object, since it works over array.

However you can use Object.Keys.Lengh

var movies = {
  "Black Panther" : {
    "title" : "Black Panther",
    "theatricalrelease" : "2/16/2018"
  },
  "Infinity War" : {
    "title" : "Avengers: Infinity War",
    "theatricalrelease" : "5/4/2018"
  },
  "Captain Marvel" : {
    "title" : "Captain Marvel",
    "theatricalrelease" : "TBA"
  }
}

 
console.log(Object.keys(movies).length);
for(var key in movies) {
   console.log(movies[key]);
}

answered Feb 1, 2018 at 2:13

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hoque MD Zahidul · Accepted Answer · 2018-02-01 02:35:52Z

0

You can access the title and get the length in this way :

var movies = {
  "Black Panther" : {
    "title" : "Black Panther",
    "theatricalrelease" : "2/16/2018"
  },
  "Infinity War" : {
    "title" : "Avengers: Infinity War",
    "theatricalrelease" : "5/4/2018"
  },
  "Captain Marvel" : {
    "title" : "Captain Marvel",
    "theatricalrelease" : "TBA"
  }
}
var totalMovies = Object.keys(movies).length;
console.log(totalMovies);

for (var key in movies) {
    if (movies.hasOwnProperty(key)) {
        console.log( movies[key].title);
        console.log( movies[key].theatricalrelease);
    }
}

answered Feb 1, 2018 at 2:35

Hoque MD Zahidul

12.1k2 gold badges41 silver badges42 bronze badges

Comments

Moe-Joe · Accepted Answer · 2018-02-01 04:13:29Z

0

i'm late to the thread.
This will do what you want.

var movies = {
  "Black Panther" : {
    "title" : "Black Panther",
    "theatricalrelease" : "2/16/2018"
  },
  "Infinity War" : {
    "title" : "Avengers: Infinity War",
    "theatricalrelease" : "5/4/2018"
  },
  "Captain Marvel" : {
    "title" : "Captain Marvel",
    "theatricalrelease" : "TBA"
  }
}

var moviesArray = Object.keys(movies);

for (var i = 0; i < moviesArray.length; i++) {
  var index = moviesArray[i];
  console.log( "Title: " +  movies[index].title );
  console.log( "Theatrical Release: " +  movies[index].theatricalrelease );
}

answered Feb 1, 2018 at 4:13

Moe-Joe

1,0403 gold badges16 silver badges30 bronze badges

Collectives™ on Stack Overflow

Accessing object properties in JSON with a loop

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related