create an associative array in jquery

Question

This is what I have so far and the shoe types are boots, wellingtons, leather, trainers (in that order)

I want to iterate through and assign the value so I haves something like

var shoeArray = { boots : '3', wellingtons: '0', leather : '1', trainers: '3'};

at the moment I just get an array of {3,0,1,3} which I can work with but it is not very helpful.

function shoe_types() {
    var shoeArray = [];
    $('[type=number]').each(function(){
        $('span[data-field='+$(this).attr('id')+']').text($(this).val());      
        shoeArray.push ( parseInt($(this).val()) );      
    });             
    return shoeArray;        
}

There are no "associative arrays" in JS. You're talking about objects. Some reading material: w3schools.com/js/js_objects.asp — Joren
– Joren, Commented Nov 5, 2013 at 11:26
the shoe types are fixed - there is only and will only be the 4 types — LeBlaireau
– LeBlaireau, Commented Nov 5, 2013 at 11:27
An array in JavaScript would be represented as [3,0,1,3], not {3,0,1,3}. — Paul D. Waite
– Paul D. Waite, Commented Nov 5, 2013 at 11:31

zzlalani · Accepted Answer · 2013-11-05 11:30:48Z

29

Check this function

function shoe_types() {
    var shoeArray = {}; // note this
    $('[type=number]').each(function(){
       $('span[data-field='+$(this).attr('id')+']').text($(this).val());
       shoeArray[$(this).attr('id')] =  parseInt($(this).val()) ;
    });
    return shoeArray;

}

PS: Assuming $(this).attr('id') has all the shoe types

answered Nov 5, 2013 at 11:30

zzlalani

24.6k16 gold badges48 silver badges73 bronze badges

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

Comments

Mykyta Shyrin · Accepted Answer · 2013-11-05 11:30:37Z

11

Associative array in javascript is the same as object

Example:

var a = {};
a["name"] = 12;
a["description"] = "description parameter";
console.log(a); // Object {name: 12, description: "description parameter"}

var b = [];
b["name"] = 12;
b["description"] = "description parameter";
console.log(b); // [name: 12, description: "description parameter"]

answered Nov 5, 2013 at 11:30

Mykyta Shyrin

3221 silver badge14 bronze badges

2 Comments

Mark Over a year ago

Did you mean to use curly brackets for var b?

melvin Over a year ago

i don't think so @Mark

Roko C. Buljan · Accepted Answer · 2013-11-05 11:42:52Z

7

What you want is a function that will return an object {}

LIVE DEMO

function shoe_types(){
   var shoeObj = {};
   $('[name="number"]').each(function(){
     shoeObj[this.id] = this.value;
   });
   return shoeObj;
}

shoe_types(); // [object Object]

answered Nov 5, 2013 at 11:42

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Comments

Dushyant Dagar · Accepted Answer · 2017-10-06 07:24:07Z

2

You can try this to create an associate array in jquery

var arr = {};
$('[type=number]').each(function(){
    arr.push({
         $(this).attr('id'): $(this).val()              
     });
});

console.log(arr);

This will allow you to send your all data whatever you want to pass in array by ajax.

edited Oct 6, 2017 at 7:24

answered Sep 1, 2017 at 10:08

Dushyant Dagar

1,09910 silver badges17 bronze badges

Comments

jbduzan · Accepted Answer · 2013-11-05 11:29:54Z

0

if $(this).attr('id') is the type of shoes you can try that

shoeArray[$(this).attr('id')] = parseInt($(this).val());

answered Nov 5, 2013 at 11:29

jbduzan

1,1262 gold badges14 silver badges30 bronze badges

Collectives™ on Stack Overflow

create an associative array in jquery

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related