带有键名的 JavaScript 推送数组

有时候在开发中，需要向服务器发送一个带有键名的 JavaScript 数组。这个过程并不像普通的数组推送那样简单，需要一些额外的步骤。

准备工作

首先，我们需要定义一个包含键名和对应值的对象列表，并将其转换成 JavaScript 数组。比如：

var myArray = [
  { key1: "value1" },
  { key2: "value2" }
];

这里的 key1 和 key2 就是需要的键名，而 "value1" 和 "value2" 则是对应的值。

转换为 FormData 对象

接下来，我们需要将这个 JavaScript 数组转换成 FormData 对象，以便可以通过 Ajax 发送到服务器。

var formData = new FormData();

myArray.forEach(function(obj, index) {
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      formData.append(key + '[' + index + ']', obj[key]);
    }
  }
});

这段代码会循环遍历 myArray 中的每个对象，获取它们的键名和对应值，然后将它们格式化成类似于 keyName[0]=value1 的字符串作为 FormData 的属性，并将其添加到 formData 对象中。当然，你也可以使用其他方式将其转换为需要的格式，比如 JSON 格式。

发送数据

最后，我们可以使用 jQuery 的 $.ajax() 函数向服务器发送数据。注意，我们需要设置 processData 选项为 false，以防止 jQuery 将 FormData 对象转换成字符串形式：

$.ajax({
  url: '/some/url',
  data: formData,
  processData: false,
  contentType: false,
  type: 'POST',
  success: function(data){
    console.log(data);
  }
});

以上就是如何使用 JavaScript 实现带有键名的数组推送。通过这个方式，我们可以方便地向服务器发送结构化的数据，更好地管理数据的组织和关系。