web-dev-qa-db-ja.com

jqueryで連想配列を作成する

これは私がこれまでに持っているもので、靴の種類はboots, wellingtons, leather, trainers (in that order)です

私は次のようなものを持っているので、値を反復して割り当てたい

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

現時点では、{3,0,1,3}の配列を取得するだけで作業できますが、あまり役に立ちません。

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;        
}
javascriptjqueryarraysassociative-array
13
LeBlaireau

この機能を確認してください

_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：$(this).attr('id')にすべての靴タイプがあると仮定します

23
zzlalani

JavaScriptの連想配列はオブジェクトと同じです

例：

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"]
7
Mykyta Shyrin

必要なのは、object{}

LIVE DEMO

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

shoe_types(); // [object Object]
6
Roko C. Buljan

これを試して、jqueryで連想配列を作成できます

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

console.log(arr);

これにより、ajaxで配列に渡したいすべてのデータを送信できます。

2
Dushyant Dagar

$(this).attr('id')が靴のタイプの場合、試してみてください

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