Transforming items into an array

Question

Transforming items into an array

Creating a JSON object with the following structure is something I'm trying to accomplish:

    {
        "PROMO": {
            "ID": 1,
            "NAME": "PROMO ONE",
            "BUNDLES": {
                "0": {
                    "BUNDLE": {
                        "BUNDLE_ID": 1,
                        "BUNDLE_NAME": "BUNDLE ONE"
                    },
                    "ARTICLE": {
                        "ARTICLE_IDS": "550,398,475"
                    }
                },
                "1": {
                    "BUNDLE": {
                        "BUNDLE_ID": 1,
                        "BUNDLE_NAME": "BUNDLE ONE"                    
                    },
                    "ARTICLE": {
                        "ARTICLE_IDS": "125,250,323"
                    }
                }
            }
        }
    }

My goal is to merge the BUNDLE and ARTICLE objects and then add them to the BUNDLES array. I have been unsuccessful in my attempts to combine the two objects.

I have attempted the following approach:

var BUNDLES = [];
var BUNDLE = {};
var ARTICLE = {};

BUNDLE.BUNDLE_ID = 1;
BUNDLE.BUNDLE_NAME = "BUNDLE ONE";
ARTICLE.ARTICLE_IDS = "550,398,475";

// Here, I aim to merge ARTICLE and BUNDLE before pushing into the array
BUNDLES.push(BUNDLE)

javascript

Answer 1

Answer №1

Here is a solution that should meet your needs. While there may be more elegant approaches, this code achieves the desired outcome.

http://jsfiddle.net/558BN/

var json =    {
        "PROMO": {
            "ID": 1,
            "NAME": "PROMO ONE",
            "BUNDLES": {
                "0": {
                    "BUNDLE": {
                        "BUNDLE_ID": 1,
                        "BUNDLE_NAME": "BUNDLE ONE"
                    },
                    "ARTICLE": {
                        "ARTICLE_IDS": "550,398,475"
                    }
                },
                "1": {
                    "BUNDLE": {
                        "BUNDLE_ID": 1,
                        "BUNDLE_NAME": "BUNDLE ONE"                    
                    },
                    "ARTICLE": {
                        "ARTICLE_IDS": "125,250,323"
                    }
                }
            }
        }
    }

var array = [];
for(var i in json.PROMO.BUNDLES){
    var obj = {};
    for(var j in json.PROMO.BUNDLES[i]){
        obj[j] = json.PROMO.BUNDLES[i][j]
        //console.log(j + " " + obj[j]);   
    }
    array.push(obj);
}
json.PROMO.BUNDLES = array;
console.log(json.PROMO.BUNDLES);

Answer 2

Here is a solution that should meet your needs. While there may be more elegant approaches, this code achieves the desired outcome.

http://jsfiddle.net/558BN/

var json =    {
        "PROMO": {
            "ID": 1,
            "NAME": "PROMO ONE",
            "BUNDLES": {
                "0": {
                    "BUNDLE": {
                        "BUNDLE_ID": 1,
                        "BUNDLE_NAME": "BUNDLE ONE"
                    },
                    "ARTICLE": {
                        "ARTICLE_IDS": "550,398,475"
                    }
                },
                "1": {
                    "BUNDLE": {
                        "BUNDLE_ID": 1,
                        "BUNDLE_NAME": "BUNDLE ONE"                    
                    },
                    "ARTICLE": {
                        "ARTICLE_IDS": "125,250,323"
                    }
                }
            }
        }
    }

var array = [];
for(var i in json.PROMO.BUNDLES){
    var obj = {};
    for(var j in json.PROMO.BUNDLES[i]){
        obj[j] = json.PROMO.BUNDLES[i][j]
        //console.log(j + " " + obj[j]);   
    }
    array.push(obj);
}
json.PROMO.BUNDLES = array;
console.log(json.PROMO.BUNDLES);

Transforming items into an array

Answer №1

Similar questions

How can you effectively transfer arguments from one component to another using router.push() in Vue.js?

The content of btn-id element in Angular is showing as undefined

Another problem with CORS again?

What is the Most Effective Way to Arrange an Array of Objects Based on Property or Method?

Ways to guarantee that a function runs prior to a console.log in Mongoose

Ensure that the jQuery datepicker is set with a maximum range of 365 days between the two input fields

Retaining the Chosen Tab upon Page Reload in Bootstrap 5.1

Is there a way for mocha to conduct a recursive search within my `src` directory in order to find a specific

Utilizing a range input (slider) to extract data of importance

Removing a specific item from a Kendo UI dropdown list

The jQuery AJAX autocomplete result box is either too cramped or displaying numbers

Replace HTML elements with AJAX and JavaScript

Is it possible to change XML using Ajax technology?

Searching for a name in JSON or array data using jQuery can be accomplished by utilizing various methods and functions available

Rendering data from an API using v-if

Selecting middleware to be executed based on Express JS request parameters

Resource loading unsuccessful: server encountered a status of 500 (Internal Server Error)

Using PHP to dynamically update image source upon clicking an upload button:

Steps for Implementing a Delay on Bootstrap Dropdown Hover

Vue modifies the array in the data after creating a duplicate of it