Adding objects into an array

Question

Hello I am very new to JavaScript and need some guidance. I am trying to build a reference for people in a club. I started by creating an array like so:

var People = ['Adam', 'Bruce', 'Steve']

But now I want to add characteristics to Adam, for instance height, weight, age, etc.

I want to be able to access information regarding people in my array by something like:

alert(People.Adam.height);

How would I structure it so that objects in my array has unique characteristics?

change your People array to a People object, and then add the properties you want (name, height, weight, age, etc.) to the new People object. — mugabits
– mugabits, Commented Nov 5, 2015 at 18:12

Andrew Evt · Accepted Answer · 2015-11-05 18:11:40Z

2

var people = [],
    adam = {
        height: 200,
        weight: 200,
        age: 20
    }; 

people.push(adam);

console.log(people[0].height); // 200

or use object instead of array:

var people = {},
    adam = {
        height: 200,
        weight: 200,
        age: 20
    };

people.adam = adam;

console.log(people.adam.height); // 200

answered Nov 5, 2015 at 18:11

Andrew Evt

3,6891 gold badge22 silver badges36 bronze badges

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

Comments

marc_s · Accepted Answer · 2020-04-19 20:40:46Z

1

You're currently adding strings into your array, not objects. You need to make your people into objects.

var adam = {
    name: 'Adam',
    height: 6.0
}

To retrieve Adam's height now, you'd call adam.height. So if you had an array, People, with adam (and others) inside, here's how you could do it:

var people = [adam]
alert(people[0].height)
// Alerts 6

Edit: alternatively, if you'd like to access Adam by name, you could make people an object instead of an array:

var people = {'adam' : adam}
alert(people.adam.height)
// Alerts 6

edited Apr 19, 2020 at 20:40

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Nov 5, 2015 at 18:11

TayTay

7,2385 gold badges48 silver badges69 bronze badges

2 Comments

pushkin Over a year ago

The only problem here is that OP wants to be able to access Adam by name people.adam.height. Here, you would need to know where adam was in the array. Of course you could loop through it and find the object with the right name, but I would suggest using an associative array instead.

TayTay Over a year ago

@Pushkin I've added your suggestion, please see edit.

Dokinoki · Accepted Answer · 2015-11-05 18:11:45Z

1

You can create an object, so you can access any nested property of that object:

var People = {
  Adam: {
    height: '187',
    age: '22',
    favorite_color: 'orange'
 },
 Paul: {
   height: '156',
   age: '38',
   favorite_color: 'blue'
 }, 
}

answered Nov 5, 2015 at 18:11

Dokinoki

1712 silver badges10 bronze badges

Comments

sunitj · Accepted Answer · 2015-11-05 18:14:23Z

1

You need to make an object that have name of the people as key and the value for each key would be details for the person in form of an object. It could be something like

var People = {
    "Adam" : {
          "height" : "someValue",
         "anotherParam" : "someOtherValue"
    },
    "Bruce" : {
         "height" : "someValue",
         "anotherParam" : "someOtherValue"
    }
}

answered Nov 5, 2015 at 18:14

sunitj

1,2451 gold badge12 silver badges22 bronze badges

Comments

dgmdan · Accepted Answer · 2015-11-05 18:11:25Z

0

Use a class. It might look like this:

class Person {
  constructor(height, weight, birth_year) {
    this.height = height;
    this.weight = weight;
    this.birth_year = birth_year;
  }
}

answered Nov 5, 2015 at 18:11

dgmdan

4146 silver badges14 bronze badges

Collectives™ on Stack Overflow

Adding objects into an array

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related