build multi-dimensional array in javascript

Question

Im retrieving a Json dataset and need to build a javascript array called 'arrProducts'. My code below is wrong but on the right lines. Can anybody help??

var allProducts = $.get("http://localhost:8888/web/app_dev.php/api/v1/search/search.json",
function(data) {
    var productsArray = data.products;
    var arrProducts = '';
    $.each(productsArray, function(index, product) {
        arrProducts['name'] = product.name;                        
        arrProducts['title'] = product.title;
        arrProducts['price'] = product.price;           
    });     
});

You can not use what the JSON object already has? You are loop through somethings so it is array like. How is arrProducts different than data.products? — epascarello
– epascarello, Commented Oct 29, 2012 at 14:36
arrProducts needs to be an array, and you need to be giving it objects containing name title and price. productsArray is already in the format that you want. — user400654
– user400654, Commented Oct 29, 2012 at 14:37
Thanks for clarifying it was a typo, richelliot, I will amend your question accordingly. @VisioN, I fully understand your position, and I agree that it was always unlikely to be the major problem. I'm aware it wasn't a "deep discussion", but it was just the general concept of changing a typo I wanted to raise. Ah well, life goes on :-) — freefaller
– freefaller, Commented Oct 29, 2012 at 15:43

Hippocrates · Accepted Answer · 2012-10-29 14:41:05Z

1

    var allProducts = $.get("http://localhost:8888/web/app_dev.php/api/v1/search/search.json",
function(data) {
    var productsArray = data.products;
    var arrProducts = []; //This needs to be an array not a string.
    $.each(productsArray, function(index, product) {
        var prod = {};//make a new product for each iteration
        prod['name'] = product.name;                        
        prod['title'] = product.title;
        prod['price'] = product.price;    
        arrProducts.push(prod); //add the product to thearray of products       
    });     
});

As Kevin B points out, it looks like data.products is already an array of objects in the format you are going to, so this "conversion" seems pointless.

answered Oct 29, 2012 at 14:41

Hippocrates

2,5402 gold badges22 silver badges37 bronze badges

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

2 Comments

richelliot Over a year ago

Yes it was pointless. I thought by looping thorough the data it may prevent it from being an object but unfortunately it still is. How do I transform it to a sting array?

Hippocrates Over a year ago

Simple. Use: JSON.stringify(yourArray);

user400654 · Accepted Answer · 2012-10-29 14:38:10Z

1

This should do what you want:

var allProducts = $.get("http://localhost:8888/web/app_dev.php/api/v1/search/search.json",
function(data) {
    var productsArray = data.products;
    var arrProducts = productsArray;
});

productsArray is already in the format you are trying to build, so you should really just use data.products directly.

var allProducts = $.get("http://localhost:8888/web/app_dev.php/api/v1/search/search.json",
function(data) {
    console.log(data.products);
});

answered Oct 29, 2012 at 14:38

user400654

95.1k16 gold badges168 silver badges188 bronze badges

2 Comments

richelliot Over a year ago

Yes it was pointless. I thought by looping thorough the data it may prevent it from being an object but unfortunately it still is. How do I transform it to a sting array?

user400654 Over a year ago

@richelliot An object is what you are calling a string array. JavaScript doesn't have associative arrays, it has objects and arrays, and arrays can contain objects.

JotaBe · Accepted Answer · 2012-10-29 14:41:14Z

0

You just have to create an array using this code:

var arrProducts = [];

The rest of your code will serve your purpose

But, as the comment states, this will create a three elements associative array which will be overwrittenin each iterarion. You need to re-think your structure: multidimensioanl array? array of objects?

edited Oct 29, 2012 at 14:41

answered Oct 29, 2012 at 14:36

JotaBe

39.3k9 gold badges102 silver badges121 bronze badges

1 Comment

epascarello Over a year ago

No it will not, you will write over the same index over and over again.

silkAdmin · Accepted Answer · 2012-10-29 14:41:37Z

0

How about this ?

var arr;
var allProducts = $.getJSON("http://localhost:8888/web/app_dev.php/api/v1/search/search.json",
function(data) {
    arr = jQuery.makeArray(data);
});

Note :

You need to use getJSON method so that your end up with an already Parsed Object that you then can use in the callback. As for makeArray method http://api.jquery.com/jQuery.makeArray/

answered Oct 29, 2012 at 14:41

silkAdmin

4,84011 gold badges57 silver badges85 bronze badges

Collectives™ on Stack Overflow

build multi-dimensional array in javascript

4 Answers 4

2 Comments

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related