Creating a dynamic array within a dynamic array in JQuery

» javascript » Creating a dynamic array within a dynamic array in JQuery

By : mazeRunner

Date : November 29 2020, 09:01 AM

To fix the issue you can do You can extract all steps using querySelectorAll. Then, iterate through all steps in this collection and gather name, id and courses using querySelector.
Array.prototype.map will make iteration easier.

code :

var stepElements = document.querySelectorAll('.si-steps');

var result = [].map.call(stepElements, function(stepElement) {
  var courseElements = stepElement.querySelectorAll('.si-courses');
  
  var coursesInfo = [].map.call(courseElements, function(courseElement) {
    return {
      'course-name': courseElement.querySelector("[name='course-name']").value,
      'course-id': courseElement.querySelector("[name='course-id']").value
    };
  });
  
  return {
    'step-name': stepElement.querySelector("[name='step-name']").value,
    'step-id': stepElement.querySelector("[name='step-id']").value,
    'course': coursesInfo
  };
});
  
document.getElementById('result').innerText = JSON.stringify(result, null, 4);

<div class="si-steps">
  <input type="text" class="si-step-input" name="step-name" value="step1">
  <input type="text" class="si-step-input" name="step-id" value="1">
  <div class="si-courses">
    <input type="text" class="si-step-input" name="course-name" value="course1">
    <input type="text" class="si-step-input" name="course-id" id="c1">
  </div>
  <button type="button" id="si-course-btn" class="si-course-btn">Add course</button>
</div>

<div class="si-steps">
  <input type="text" class="si-step-input" name="step-name" value="step2">
  <input type="text" class="si-step-input" name="step-id" value="2">
  <div class="si-courses">
    <input type="text" class="si-step-input" name="course-name" value="course3">
    <input type="text" class="si-step-input" name="course-id" id="c3">
  </div>
  <button type="button" id="si-course-btn" class="si-course-btn">Add course</button>
</div>

<button type="button" id="si-step-btn" class="si-step-btn">Add step</button>

<div>
  <pre id="result">
  </pre>
</div>

Share :

Jquery creating associative array with dynamic keys and multiple values

By : Bruno Tezine

Date : March 29 2020, 07:55 AM

should help you out Based in the comments I think what you need is:
obj["newProp"] = []; // A new property is added to the object with key newProp and an empty array as value obj.newProp.push(newElement); // A new element is added to the array in newProp of object

creating dynamic array in a dynamic javascript object (key/value pair)

By : user2950215

Date : November 17 2020, 11:52 AM

Any of those help You indeed need to check if the key is present in finalData.queryData and if not create. Look at this solution:

code :

var addJiraData = function (queryKey, extractedData) {
    if (!finalData.queryData[queryKey] || !finalData.queryData[queryKey]["jiraDetail"])
    {
        //one of the objects isn't present, let's create it.
        !finalData.queryData[queryKey] ? addJiraList(queryKey, []) : null; //add missing queryKey and empty array as jiraList.
        finalData.queryData[queryKey]["jiraDetail"] = []; //create empty jiraDetail array.
    }
    //then fill it with data, since it is available now.
    finalData.queryData[queryKey]["jiraDetail"].push(extractedData);
};

declare dynamic array based on dynamic variables in jquery

By : Johnny_Blue

Date : March 29 2020, 07:55 AM

it helps some times This an array , Well, this is easy:

code :

var DATES=[];for (var i=0;i<mlength;DATES.push([]),i++);

how to create dynamic array and adding dynamic values using jQuery.

By : Bálint Csonka

Date : March 29 2020, 07:55 AM

hop of those help? I am the beginner in jQuery. how to create the dynamic array and adding dynamic values using jQuery. currently, I'm on this. I'm getting this on StackOverflow , You can do it :
Create table

code :

$("#my_id_container").html("<table><thead></thead><tbody></tbody></table>");

<div id="my_id_container"></div>

$("#my_id_container").find('table tbody').append('<tr>My new ligne</tr>');

C++: creating a dynamic array using dynamic memory

By : Jennifer

Date : March 29 2020, 07:55 AM

I hope this helps you . I'm trying to create a dynamic array or what should you call that, using pointer, but when I try to cout the length of the array after setting the elements, it gives me 0. I'm not sure what I'm doing wrong here. , Better use the stl vector, this have the size() method