JQuery push array to specific element in array

Question

I'm making a webapp with the help of JQuery to keep track of goals & habits. One can add a main goal such as 'Discipline', and then afterwards can attach subgoals or habits to said main goal (e.g. 'work out everyday').

Organizing the array for main goals is obvious;

goals = ['Acceptance', 'Discipline', 'Accountability'];

I however have found no way in JQuery/Javascript to attach/add an array of items to a specific item in ANOTHER array.

Is there an easier way to do this, with JSON for example ?

Thanks in advance for any help offered

Jamiec · Accepted Answer · 2020-07-20 16:13:40Z

2

You do this by storing an array of objects at the top level, with a property for the child array

var goals  = [{
  name: "Acceptance",
  children:[]
},{
  name: "Discipline",
  children:[]
},{
  name: "Accountability",
  children:[]
}];

When it comes to adding your child you just push it to the child array

goals[0].children.push("Work out every day");

Another option is store key/values at the top level

var goals = {"Acceptance":[],"Discipline":[],"Accountability":[]};

Slightly less versatile, but adding an item to a specific element slightly easier

goals["Acceptance"].push("Work out every day");

answered Jul 20, 2020 at 16:13

Jamiec

136k15 gold badges141 silver badges202 bronze badges

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

4 Comments

lvb Over a year ago

Works like a charm! Thank you very much!!

lvb Over a year ago

Would you have an idea as to why the children.push method isn't having any result ? No error, just nothing getting pushed.

Jamiec Over a year ago

@lvb Not from that description no. Make a minimal reproducible example and post a new question. Feel free to link to the new question here and I'll take a look.

lvb Over a year ago

stackoverflow.com/questions/63038058/…

Collectives™ on Stack Overflow

JQuery push array to specific element in array

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related