Pushing Items to an Object Within an Array in my Angular 2 App

Question

In my Angular2 app I am trying to figure out how to push a new object into an array that contains objects with three properties - when I only want to push one of those three properties. Take this array for instance:

locations = [
  { city: 'Los Angelas', zipcode: '90001', coordinates: 2321 },
  { city: 'New York', zipcode: '10001', coordinates: 3432 },
];

Here I want to ONLY push new zipcodes - not city names or coordinates. So, I'm assuming it would look like this after pushing a new object:

locations = [
  { city: 'Los Angelas', zipcode: '90001', coordinates: 2321 },
  { city: 'New York', zipcode: '10001', coordinates: 3432 },
  { zipcode: 20001 }
];

How would I handle this? Can I do this? Or would I need to pass null values for the other two properties?

can you please share a sample array with expected output?

brk
– brk

2017-02-15 04:12:16 +00:00
Commented Feb 15, 2017 at 4:12 — brk
– brk, Commented Feb 15, 2017 at 4:12
locations.push({zipCode:'any value'}) ?

Anmol Mittal
– Anmol Mittal

2017-02-15 04:15:10 +00:00
Commented Feb 15, 2017 at 4:15 — Anmol Mittal
– Anmol Mittal, Commented Feb 15, 2017 at 4:15

thesublimeobject · Accepted Answer · 2017-02-15 04:19:56Z

1

Do you mean for an object that already exists? In that case,

let index = locations.findIndex(element => element.city === city)
locations[index].zipcode = newZipCode

Array.findIndex is not fully supported yet, so you might have to polyfill it, or you could use the method from lodash.

EDIT: Per my comment, this should work just fine now that I know what you're looking for:

locations.push({ zipcode: newZipCode })

edited Feb 15, 2017 at 4:19

answered Feb 15, 2017 at 4:13

thesublimeobject

1,4031 gold badge19 silver badges22 bronze badges

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

8 Comments

Muirik Over a year ago

No, I mean a new object (but that has just the one property - zipcode.

thesublimeobject Over a year ago

Then why can't you just use locations.push({ zipcode: newZipCode })

Muirik Over a year ago

This is what I have for an array of objects that contains just one property: addZipcode(event) { this.zipcodes.push({ postalCode: this.newZipcode }); this.newZipCode = ''; this.addZipInput = false; event.preventDefault(); }

Muirik Over a year ago

Is it not more complicated when the objects in the array have multiple properties? Maybe I'm overthinking this?

thesublimeobject Over a year ago

It's not. You can simply use push. All of the objects in the array do not have to match their properties.

|

Saurabh Agrawal · Accepted Answer · 2017-02-15 04:18:52Z

1

Try this

locations = [
  { city: 'Los Angelas', zipcode: '90001', coordinates: 2321 },
  { city: 'New York', zipcode: '10001', coordinates: 3432 },
];

var tempObject = {
   zipcode : '10000'
}
locations.push(tempObject);

After pushing tempObject into locations array it will be like

locations = [
  { city: 'Los Angelas', zipcode: '90001', coordinates: 2321 },
  { city: 'New York', zipcode: '10001', coordinates: 3432 },
  { zipcode: '10000'}
];

Now when you will try to access locations[2].city or locations[2].coordinates then it will be undefined.

answered Feb 15, 2017 at 4:18

Saurabh Agrawal

7,7553 gold badges31 silver badges52 bronze badges

Collectives™ on Stack Overflow

Pushing Items to an Object Within an Array in my Angular 2 App

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related