Javascript挑战。我如何用数组实现这一点？

Question

比方说，我有：

 
var directions = [ "name", "start_address", "end_address", "order_date" ]; 

我试图找到一个光滑，快速的办法把它们排列到这一点：

 

data: { 
    "directions[name]"   : directions_name.val(), 
    "directions[start_address]" : directions_start_address.val(), 
    "directions[end_address]" : directions_end_address.val(), 
    "directions[order_date]" : directions_order_date.val() 
} 

通知格局。数组“名称”的名称是值的前缀。 我很感兴趣人们如何能够做到这一点，或至少建议一种方法让我尝试。

任何提示将不胜感激。

谢谢！

编辑**

感谢迄今建议。但是，我忘记提到阵列“方向”需要动态。

例如，我可以使用：

 
places = ["name", "location"] 

应该返回

 
data: { 
    "places[name]"  : places_name.val(), 
    "places[location]" : places_location.val() 
} 

 
alpha = ["blue", "orange"] 

应该返回

 
data: { 
    "alpha[blue]" : alpha_blue.val(), 
    "alpha[orange]" : alpha_orange.val() 
} 

所以基本上我可以只通过一个数组到一个函数并返回该数据对象。

 
var directions = ["name", "start_address", .... ]; 
var data = someCoolFunction(directions); 

希望是有道理的。

**编辑* ** * ** * ** * ****

我要感谢大家的帮助。我最终走了一条不同的路线。思考完后，我决定在HTML表单本身中添加一些元信息。而且，我坚持命名约定。因此，HTML表单具有它需要的信息（无需臃肿）告诉jQuery POST信息的位置。这是我落得这样做（对于那些有兴趣）：

 
    // addBox 
    // generic new object box. 
    function addBox(name, options) { 
     var self = this; 
     var title = "Add " + name.charAt(0).toUpperCase() + name.slice(1); 
     var url = name.match(/s$/) ? name.toLowerCase() : name.toLowerCase() + "s"; 
     allFields.val(""); tips.text(""); 

     $("#dialog-form-" + name).dialog($.extend(default_dialog_options, { 
      title: title, 
      buttons: [ 
       { // Add Button 
        text: title, 
        click: function(){ 
         var bValid = true; 
         allFields.removeClass("ui-state-error"); 

         var data = {}; 
         $("#dialog-form-" + name + " input[type=text]").each(function() { // each is fine for small loops :-) 
          var stripped_name = this["name"].replace(name + "_", ""); 
          data[name + "[" + stripped_name + "]"] = $("#dialog-form-" + name + " #" + name + "_" + stripped_name).val(); 
         }); 

         // verify required fields are set 
         $("#dialog-form-" + name + " input[type=text].required").each(function() { 
          bValid = bValid && checkLength($(this), $(this).attr("name").replace("_", " "), 3, 64); 
         }); 

         // find sliders 
         $("#dialog-form-" + name + " .slider").each(function() { 
          data[name + "[" + $(this).attr("data-name") + "]"] = $(this).slider("option", "value"); 
         }); 

         data["trip_id"] = trip_id; 
         if(options != null) { $.extend(data, options); } // add optional key/values 
         if(bValid) { 
          $(".ui-button").attr("disabled", true); 
          $.ajax({ url : "/" + url, type : "POST", data : data }); 
         } 
        } 
       }, 
       { text: "Cancel", click: function(){$(this).dialog("close");} } 
      ] 
     })); 
    } 

Answer 1

这真的不清楚你想要什么。也许你应该给你想要的函数提供接口，以及一些代码，它会设置一些样本变量并调用函数。

你似乎要求的是动态地找到你已经在环境中声明的变量，比如directions_name和directions_start_address，并在它们每一个上调用val（）方法，然后构造一个字典映射字符串到那些结果。但是字典的键包含JavaScript语法。你确定这就是你想要的吗？

function transform(name) 
{ 
    var data = {}; 
    var names = window[name]; 
    for (var i=0; i<names.length; i++) 
    { 
     data[name + "[" + names[i] + "]"] = window[name + "_" + names[i]].val(); 
    } 
    return data; 
} 

编辑：使用jQuery的ID，而不是上述方法（其中通过名称查找全局变量）来查找对象：

function transform(name) 
{ 
    var data = {}; 
    var names = $("#" + name); 
    for (var i=0; i<names.length; i++) 
    { 
     data[name + "[" + names[i] + "]"] = $("#" + name + "_" + names[i]).val(); 
    } 
    return data; 
} 

这将查找名称中窗口的全局空间（无论如何将在浏览器中工作）。你用“方向”作为参数调用该函数。例如：

var directions = [ "name", "start_address", "end_address", "order_date" ]; 
var directions_name = {"val": function() {return "Joe";}}; 
var directions_start_address = {"val": function() {return "14 X Street";}}; 
var directions_end_address = {"val": function() {return "12 Y Street";}}; 
var directions_order_date = {"val": function() {return "1/2/3";}}; 
data = transform("directions"); 

这就是你想要的吗？

（注：我看到别人发布使用$和"#"一个解决方案...我认为这是JQuery的语法，对这个工程没有JQuery的？）

编辑：请注意，这可以让你使用“方向”的动态值。但我仍不确定你为什么要这些密钥为"directions[name]"，"directions[start_address]"，而不是"name","start_address"等。查找起来更容易。

编辑：我修复了我的示例代码以使用值中的函数。这真的是你想要的吗？如果你不打电话val()与parens会更容易。

Answer 2

像这样：

var data = { }; 
for(var i = 0; i < directions.length; i++) { 
    var name = directions[i]; 
    data["directions[" + name + "]"] = $('#directions_' + name).val(); 
} 

或者，

data["directions[" + name + "]"] = directionsElements[name].val(); 

编辑：你可以传递一个数组和一个字首。