javascript - 如何遍历对象数组并获取值

Question

请完整阅读。在您真正找到它之前，不要将其标记为重复。我有一组如下所示的对象。

const filterParams = [
      { 'waterfront_type[]': 'Cove' },
      { 'area[]': 'Applehead Island' },
      { 'waterfront_type[]': 'Channel' },
      { 'waterfront_type[]': 'Open Water' },
      { baths: '0 - 14' },
      { price: '0.00 - 9,876,100.00' }
    ];

我需要遍历它并将其添加到表单数据中。我正在这样做。

filterParams.map(param => {
      return formData.append(param.key, param.value);
    });

预期:param.key 是 waterfront_type[]，param.value 是 Cove。所以在内部它应该是 formData.append('waterfront_type[]', 'Cove');

获取:均未定义。 formData.append(undefined, undefined);

Answer 1

您可以使用 Object.entries() , 和 array destructuring获取键和值。

注意:默认的 = [] 处理空对象的情况。

filterParams.map(param => {
  const [[key, value] = []] = Object.entries(param);
  return formData.append(key, value);
});

如果您只需要调用 formData(key, value)，而不关心返回值(如果有)，请使用 Array.forEach()而不是 Array.map() :

filterParams.forEach(param => {
  const [[key, value] = []] = Object.entries(param);
  formData.append(key, value);
});