how to access object property using forEach loop?

Question

I'm looping through object sliced where I want to extract properties name into theRest variable. With code below I get an error Cannot read property name of undefined

My object sliced gives me an array: [{name: 'Bart'},{name: 'Lisa'},{name: 'Maggie'}]

const theRest = sliced.map((item, i) => {
  item[i].name;
})

Sorry for variables naming if tht's confusing but I hope you get an idea.

well forEach returns undefined so not sure why you have let theRest = — epascarello
– epascarello, Commented Nov 7, 2017 at 1:16
So you want to use map instead of forEach? Also, it’s just item, not item[i]. — Ry-
– Ry- ♦, Commented Nov 7, 2017 at 1:16
This looks good as stands. I see you edited the question since map iterates over the array you don't need to use the index [i] you can just do item.name and don't forget to return the value from your function — Enjayy
– Enjayy, Commented Nov 7, 2017 at 1:23

LMulvey · Accepted Answer · 2017-11-07 01:26:31Z

3

The reason that you're getting an error is because when you're using .forEach(), item[i] would be looking for an index in an object that isn't an array (sliced is an array, item is the currentValue in the array being processed). If you wanted to use your code, you should change item[i].name to item.name and it should work. I recommend that you use .map() instead to get the results you're looking for.

let arr = [{name: 'Bart'},{name: 'Lisa'},{name: 'Maggie'}];
let theRest = arr.map((item) => item.name);
console.log(...theRest);

edited Nov 7, 2017 at 1:26

answered Nov 7, 2017 at 1:19

LMulvey

1,67810 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

how to access object property using forEach loop?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related