An easy guide on transforming two arrays into JSON format with AngularJS

Question

An easy guide on transforming two arrays into JSON format with AngularJS

Here are two integer arrays along with a reason for denial:

var approvedItems = [2051, 2567];
    var deniedItems = [2053, 2569];
string deniedReason = "Naughty";

The goal is to generate the following JSON structure:

{
    "Responses": [{
        "ResponseID": 2051,
        "IsApprove": true
    },
    {
        "ResponseID": 2567,
        "IsApprove": true
    },
    {
        "ResponseID": 2053,
        "IsApprove": false
    },
    {
        "ResponseID": 2569,
        "IsApprove": false
    }],
    "Reason": "Naughty"
}

Using angular/javascript, how can I achieve this outcome?

javascript angularjs json

Answer 1

Answer №1

What do you think of the following JavaScript code snippet?

var approvedItems = [2051, 2567];
    var deniedItems = [2053, 2569];
var deniedReason = "Naughty";

var result={
           Responses:[],
           "Reason":deniedReason
           }
approvedItems.forEach(a =>{result.Responses.push({
    "ResponseID": a,
    "IsApprove": true
   })})

 deniedItems.forEach(d =>{result.Responses.push({
    "ResponseID": d,
    "IsApprove": false
   })}
   
   console.log(result);

Answer 2

What do you think of the following JavaScript code snippet?

var approvedItems = [2051, 2567];
    var deniedItems = [2053, 2569];
var deniedReason = "Naughty";

var result={
           Responses:[],
           "Reason":deniedReason
           }
approvedItems.forEach(a =>{result.Responses.push({
    "ResponseID": a,
    "IsApprove": true
   })})

 deniedItems.forEach(d =>{result.Responses.push({
    "ResponseID": d,
    "IsApprove": false
   })}
   
   console.log(result);

Answer 3

Answer №2

May Provide Assistance

var approvedItems = [2051, 2567];
var deniedItems = [2053, 2569];
var deniedReason = "Naughty";

var resResponse = {};
var responses = [];
if(approvedItems.length || deniedItems.length) {

    for(var ind =0; ind < approvedItems.length; ind++) {
        var response = {
            "ResponseID": approvedItems[ind],
            "IsApprove": true
        }
        responses.push(response);
    }
    for(var ind =0; ind < deniedItems.length; ind++) {
        var response = {
            "ResponseID": deniedItems[ind],
            "IsApprove": false
        }
        responses.push(response);
    }
    resResponse["Responses"] = responses;
}

if(deniedReason) {
    resResponse["Reason"] = "deniedReason";
}

Answer 4

May Provide Assistance

var approvedItems = [2051, 2567];
var deniedItems = [2053, 2569];
var deniedReason = "Naughty";

var resResponse = {};
var responses = [];
if(approvedItems.length || deniedItems.length) {

    for(var ind =0; ind < approvedItems.length; ind++) {
        var response = {
            "ResponseID": approvedItems[ind],
            "IsApprove": true
        }
        responses.push(response);
    }
    for(var ind =0; ind < deniedItems.length; ind++) {
        var response = {
            "ResponseID": deniedItems[ind],
            "IsApprove": false
        }
        responses.push(response);
    }
    resResponse["Responses"] = responses;
}

if(deniedReason) {
    resResponse["Reason"] = "deniedReason";
}

An easy guide on transforming two arrays into JSON format with AngularJS

Answer №1

Answer №2

Similar questions

JS await function does not wait for the completion of the request

Angular 9 introduces a fresh approach to compiling alternate components

Navigate to the end of the progress bar once finished

"Fixing a 'File Not Found' error in AngularJS: A step-by

Contact the Google Finance Options API using the specified URL

experimenting with using protractor for testing the input type color

Finding the identifier of an HTML element using AngularJS

What is the method for applying a prefix to component tags in Vue.js?

Search for documents using jQuery on the page

JavaScript code for invoking the phone pluginInstructions for utilizing the phone plugin

Is ngWebDriver integrated with Karate UI?

Updating <h2> tags dynamically within the Ionic framework

In a Next.js application, the data retrieved from a MongoDB database is delayed compared to the data fetched from a JSON file stored

Iterating over the IDs of div elements using jQuery loop

Display HTML content within designated fixed-column sizes

Creating custom project structures with Sails.js 0.10 generators

How to sort by a specific split part of an array using JavaScript and jQuery?

Customizing styles based on screen size in Emotion Styled Components

Interactive dropdown functionality based on user selection using Material UI

How can you retrieve all JSON data from AsyncStorage using React Native?