如何不通过索引访问JSON数组中firstName对象的fieldName？

你的data.fields是一个数组，每个元素都是仅包含单个键的对象（比如{ firstName: {...} }），这就是为什么你没法直接用键名访问，必须依赖数组索引。咱们可以通过把数组转换为以字段键名为属性的扁平对象来解决这个问题，具体步骤如下：

1. 使用reduce转换结构 #

JavaScript的Array.reduce()方法可以很方便地把数组转换成目标对象：

var data = {
 "fields": [{
 "firstName": {
 "fieldName": "First Name",
 "required": true,
 "provided": false
 }
 }, {
 "lastName": {
 "fieldName": "Last Name",
 "required": true,
 "provided": false
 }
 }, {
 "email": {
 "fieldName": "Email",
 "required": true,
 "provided": false
 }
 }
 ]
};

// 转换fields数组为扁平对象
const accessibleFields = data.fields.reduce((result, currentItem) => {
  // 获取当前对象的唯一键（比如firstName、lastName）
  const fieldKey = Object.keys(currentItem)[0];
  // 将键和对应的属性对象存入结果
  result[fieldKey] = currentItem[fieldKey];
  return result;
}, {});

2. 直接通过键名访问属性 #

转换完成后，你就可以摆脱数组索引，直接用字段键名访问对应的属性了：

// 访问firstName的fieldName
console.log(accessibleFields.firstName.fieldName); // 输出 "First Name"

// 检查lastName是否必填
console.log(accessibleFields.lastName.required); // 输出 true

// 查看email是否已提供
console.log(accessibleFields.email.provided); // 输出 false

补充说明 #

• 如果你的fields数组中，某个元素可能包含多个键（虽然你的示例里都是单键），可以根据需求调整逻辑，比如只取第一个键，或者合并所有键；
• 可以把转换逻辑封装成工具函数，方便在多个地方复用：

  function convertFieldsToObject(fieldsArray) {
    return fieldsArray.reduce((acc, item) => {
      const [key] = Object.keys(item);
      acc[key] = item[key];
      return acc;
    }, {});
  }
  
  // 调用示例
  const accessibleFields = convertFieldsToObject(data.fields);
  

内容的提问来源于stack exchange，提问作者user3861559