Adding new property to existing javascript object

Question

I am trying to add format: "film" to each object in the array but I can't figure it out.

var movie = [
    {title: "A Clockwork Orange", year: "1971", raiting: "8.3", genre: "Crime, Drama, Sci-Fi"},
    {title: "Full Metal Jacket", year: "1987", raiting: "8.3", genre: " Drama, War"},
    {title: "Pulp Fiction", year: "1994", raiting: "8.9", genre: "Crime, Drama"},
    {title: "Fight Club", year: "1999", raiting: "8.8", genre: "Drama"},
    {title: "Interstellar", year: "2014", raiting: "8.6", genre: "Adventure, Drama, Sci-Fi"}
];


movie.forEach(function () {
    movie.format = "film";
});


movie.forEach(function (element) {
    console.log(element);
});

Just something to keep in mind for the future, using a for ... in or for ... of loop gives you a lot less headache when it comes to scoping. — Andrew
– Andrew, Commented Feb 13, 2018 at 21:25

Evya · Accepted Answer · 2018-02-13 21:10:39Z

3

You need to pass an argument to function and add the new property to it

movie.forEach(function (element) {
    element.format = "film";
});

answered Feb 13, 2018 at 21:10

Evya

2,3853 gold badges13 silver badges22 bronze badges

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

Comments

Ele · Accepted Answer · 2018-02-13 21:16:44Z

1

Using goes to operator.

var movie = [    {title: "A Clockwork Orange", year: "1971", raiting: "8.3", genre: "Crime, Drama, Sci-Fi"},    {title: "Full Metal Jacket", year: "1987", raiting: "8.3", genre: " Drama, War"},    {title: "Pulp Fiction", year: "1994", raiting: "8.9", genre: "Crime, Drama"},    {title: "Fight Club", year: "1999", raiting: "8.8", genre: "Drama"},    {title: "Interstellar", year: "2014", raiting: "8.6", genre: "Adventure, Drama, Sci-Fi"}];

let i = movie.length;
while (i --> 0) movie[i].format = 'film';
console.log(movie);

.as-console-wrapper {
  max-height: 100% !important
}

answered Feb 13, 2018 at 21:16

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Comments

Tim Han · Accepted Answer · 2018-02-13 21:21:19Z

0

If you are into ES6 too, you can certainly do this with the fat arrow.

movie.forEach(element => element.format = "film");

answered Feb 13, 2018 at 21:21

Tim Han

1661 silver badge12 bronze badges

Collectives™ on Stack Overflow

Adding new property to existing javascript object

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related