Add an array into another array using a for loop, with the first result being duplicated

Question

Add an array into another array using a for loop, with the first result being duplicated

In this loop, I am facing an issue while trying to insert an array into another array. Here is the code snippet:

function convertFormToArray(form){
    var temp={};
    var question={};
    var allQuestions=[];
    
    for (i = 0; i < form.length; i++) {

        // Below line is causing an issue
        temp['question_id'] = form[i].name.substring(13)
        temp['answer'] = form[i].value;
        temp['id'] = 0;
        
        question['question'] =temp;
        allQuestions.push(question);
    }

    return allQuestions;
}

The problem here is that it returns the first result repeated multiple times.

Example of a returned value:

[
    {'question': {'question_id': 4, 'answer': 'AA'...}},
    {'question': {'question_id': 4, 'answer': 'AA'...}}
]

Can you identify the issue with this loop?

javascript arrays for-loop multidimensional-array

Answer 1

Answer №1

This code snippet provides a safer and more readable way to convert form data into an array.

See the demo in action

function formToArr(frm){
  var AllAnnotationsQues=[];

  for (var i = 0; i < frm.length; i++) {
    AllAnnotationsQues.push({
      'AnnotationsQues': {
        'ques_id': frm[i].name.substring(13),
        'ans': frm[i].value, 
        'id':0 
      }
    });
  }
  return AllAnnotationsQues; 
}

Answer 2

This code snippet provides a safer and more readable way to convert form data into an array.

See the demo in action

function formToArr(frm){
  var AllAnnotationsQues=[];

  for (var i = 0; i < frm.length; i++) {
    AllAnnotationsQues.push({
      'AnnotationsQues': {
        'ques_id': frm[i].name.substring(13),
        'ans': frm[i].value, 
        'id':0 
      }
    });
  }
  return AllAnnotationsQues; 
}

Add an array into another array using a for loop, with the first result being duplicated

Answer №1

Similar questions

What is the method to display a group label using ng-table?

Selenium with JavaScript: The Battle of Anonymous Functions and Named Functions

Is it possible to encounter an invalid character when trying to parse valid JSON using

Rearranging the order of Div elements within a main container using JavaScript DOM manipulation

jQuery problem with setting and redirecting users if cookie value is missing

Executing pure JavaScript code in Grails using Groovy

Unusual CSS hierarchy observed post AJAX content load

Maximizing the Use of Multiple Conditions for Styling in AngularJS

Tips for extracting variables from a get OData call function

Setting Up the Columns of an Array in Java

What is the expected return type in TypeScript of a function that returns a void function?

Order a set of date strings in an array using JavaScript

Leverage AJAX data to dynamically generate an input field within a Laravel application

Having trouble with Angular 2's Output/emit() function not functioning properly

Ways to pass a message from index.html to a Vue.js 3 instance

Angular UI Grid failing to properly display date formatting

Can a Vue computed property return a promise value?

Is it possible for you to simulate the shift key being pressed prior to the event execution?

Could Ramda assist in enhancing pipeline/composition processes with a logging feature?

Guide to designing a unique shape in JointJs by combining multiple basic shapes together