इनपुट [] मूल्यों को पार्स और उन्हें एक JavaScript

Question

में डाल कैसे मान लें कि मैं इस करते हैं: कैसे मैं प्रपत्र foo भीतर सरणी आदानों की मान प्राप्त कर सकते

<form id='foo'> 
<input name='bar[name]' /> 
<input name='bar[age]' /> 
</form> 

और उन्हें एक साहचर्य सरणी में डाल दिया/इस तरह की वस्तु:

var result = {bar:{name:'blah',age:21}}; 

पीएस मैं इसके लिए किसी भी ढांचे का उपयोग नहीं करना चाहता।

Answer 1

यह आपको तत्व मिल जाएगा:

var result = {}; 
    var elements = document.forms.foo.getElementsByTagName("input"); 
    for(var i = 0; i < elements.length; i++) 
    { 
     /* do whatever you need to do with each input */ 
    } 

Answer 2

आप इस तरह एक वस्तु को तत्वों मैप कर सकते हैं।

function putIntoAssociativeArray() { 

    var 
     form = document.getElementById("foo"), 
     inputs = form.getElementsByTagName("input"), 
     input, 
     result = {}; 

    for (var idx = 0; idx < inputs.length; ++idx) { 
     input = inputs[idx]; 
     if (input.type == "text") { 
      result[input.name] = input.value; 
     } 
    } 

    return result; 
} 

Answer 3

var inputs = document.getElementsByTagName('input'); 
var field_name, value, matches, result = {}; 
for (var i = 0; i < inputs.length; i++) { 
    field_name = inputs[i].name; 
    value = inputs[i].value; 

    matches = field_name.match(/(.*?)\[(.*)\]/); 

    if (!results[matches[0]]) { 
     results[matches[0]] = {}; 
    } 
    results[matches[0]][matches[1]] = value; 
} 

Answer 4

var form = document.getElementById('foo'); 
var inputs = form.getElementsByTagName("input"); 
var regex = /(.+?)\[(.+?)\]/; 
var result = {}; 
for(var i = 0; i < inputs.length; ++i) { 
    var res = regex.exec(inputs[i].name); 
    if(res !== null) { 
     if(typeof result[ res[1] ] == 'undefined') result[ res[1] ] = {}; 
     result[ res[1] ][ res[2] ] = inputs[i].value; 
    } 
} 

Answer 5

मैं इस अपने आप को क्या करना है और इस सवाल का मैं जवाब में से कोई भी पसंद नहीं था पाने के बाद करने के लिए आवश्यक: मैं regex पसंद नहीं है और दूसरों को सीमित कर रहे हैं।

आप data कई तरीकों से प्राप्त कर सकते हैं। जब मैं इसे कार्यान्वित करता हूं तो मैं jQuery की serializeArray विधि का उपयोग करूँगा।

function parseInputs(data) { 
    var ret = {}; 
retloop: 
    for (var input in data) { 
     var val = data[input]; 

     var parts = input.split('[');  
     var last = ret; 

     for (var i in parts) { 
      var part = parts[i]; 
      if (part.substr(-1) == ']') { 
       part = part.substr(0, part.length - 1); 
      } 

      if (i == parts.length - 1) { 
       last[part] = val; 
       continue retloop; 
      } else if (!last.hasOwnProperty(part)) { 
       last[part] = {}; 
      } 
      last = last[part]; 
     } 
    } 
    return ret; 
} 
var data = { 
    "nom": "123", 
    "items[install][item_id_4]": "4", 
    "items[install][item_id_5]": "16", 
    "items[options][takeover]": "yes" 
}; 
var out = parseInputs(data); 
console.log('\n***Moment of truth:\n'); 
console.log(out);