JavaScript中如何过滤fetch返回的字典数组并提取指定属性？

云原生阿岚

2026-8-21

解决Fetch API数据过滤与格式化问题

原请求代码

fetch(url, requestOptions)
  .then(response => response.json())
  .catch(error => console.log('error', error));

返回数据结构

[
  {
    'Obj.Name': 'objname1',
    'Obj.property': 'red'
    // 其他属性
  },
  {
    'Obj.Name': 'objname1',
    'Obj.property': 'blue'
    // 其他属性
  },
  {
    'Obj.Name': 'objname3',
    'Obj.property': 'green'
    // 其他属性
  },
]

需求

添加.then环节，传入指定的Obj.Name值（比如objname1），过滤出对应条目，并格式化为Obj: objectname1, ObjProp: red这类字符串输出。

解决方案

修改后的完整代码如下：

const targetObjName = 'objname1'; // 要过滤的目标对象名称

fetch(url, requestOptions)
  .then(response => response.json())
  .then(data => {
    // 过滤出Obj.Name匹配的条目
    const filteredItems = data.filter(item => item['Obj.Name'] === targetObjName);
    // 格式化输出每个条目
    filteredItems.forEach(item => {
      console.log(`Obj: ${item['Obj.Name']}, ObjProp: ${item['Obj.property']}`);
    });
    // 若需返回处理后的结果供后续使用，可添加 return filteredItems;
  })
  .catch(error => console.log('error', error));