Accessing Object Property Values Within an Array - JavaScript

Question

Learning how to access property values.

If I have

let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];

How would I console.log just the value of the second object? I.e. "website developer".

I know how to console.log the entire key-value pair (or object) by using .find():

let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];

console.log(object1.find(function(element) {
    return element.hasOwnProperty("job");
}
));

But what about just the value of this pair?

Why do you have each property in its own object, instead of a single object like {name: "HappyHands31", job: "website developer", ...}? — Barmar
– Barmar, Commented May 29, 2019 at 23:18
@Barmar this was just the way it was presented in a coding challenge... — HappyHands31
– HappyHands31, Commented May 29, 2019 at 23:19

Jan · Accepted Answer · 2019-05-29 23:23:35Z

4

You can acces items in arrays at given position by their index. In javascript indexes of arrays are starting with 0: myArray[0]. To access the property of the returned object just use dot-notation: myArray[0].myProperty.

let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];

console.log(object1[1].job);

For your given example this can also achieved by appending the property-name (with dot-notation):

let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];

console.log(object1.find(function(element) {
    return element.hasOwnProperty("job");
}).job);

edited May 29, 2019 at 23:23

answered May 29, 2019 at 23:13

Jan

2,8532 gold badges23 silver badges26 bronze badges

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

1 Comment

HappyHands31 Over a year ago

Sorry I edited the values of "name" and "age" : ) In the second snippet

Jack Bashford · Accepted Answer · 2019-05-29 23:16:19Z

2

You can destructure the value:

let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];
const { job: res } = object1.find(({ job }) => job);
console.log(res);

answered May 29, 2019 at 23:16

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Comments

Ionut Eugen · Accepted Answer · 2019-05-29 23:20:12Z

1

A solution would be to store somewhere the keys of each object and then access the object the usual way.

    let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];
    
    for(let i=0; i<3; i++){
       name = Object.keys(object1[i]);
       console.log(object1[i][name])
    }

In this case I've assumed that you don't know the name of the key you want to access.

answered May 29, 2019 at 23:20

Ionut Eugen

5112 gold badges7 silver badges28 bronze badges

Comments

Barmar · Accepted Answer · 2019-05-29 23:22:17Z

1

Just add a property access to the end of it.

let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];

console.log(object1.find(function(element) {
    return element.hasOwnProperty("job");
}).job);

answered May 29, 2019 at 23:22

Barmar

789k57 gold badges554 silver badges669 bronze badges

Comments

Ammar · Accepted Answer · 2019-05-29 23:40:20Z

1

First, your object1 is an array of objects, not an object.

Although, there's a way to achieve what you want.

const fun = (arr, prop) => arr.find((obj) => obj.hasOwnProperty(prop))[prop];

const object1 = [{name: 'HappyHands31'}, {job: 'website developer'}, {city: 'Chicago'}];

const property = 'job';

console.log(fun(object1, property));

edited May 29, 2019 at 23:40

answered May 29, 2019 at 23:30

Ammar

8185 silver badges12 bronze badges

Comments

Krishnadas PC · Accepted Answer · 2019-06-04 05:58:53Z

1

If the object structure is the same in the array, you can flatten that array of objects like this and call it directly as object keys.

let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];
let flatten = {}
object1.map((currentValue, index) => {
  let key = Object.keys(currentValue)  
  flatten[key] = currentValue[key]
});
console.log(flatten)
console.log(flatten.job)

answered Jun 4, 2019 at 5:58

Krishnadas PC

6,5992 gold badges60 silver badges58 bronze badges

Collectives™ on Stack Overflow

Accessing Object Property Values Within an Array - JavaScript

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related