如何使用字符串变量作为属性名提取数组及JSON数据？

看起来你在处理JavaScript中用动态字符串访问数据的场景，我来帮你拆解这两个问题并修正你的代码：

1. 修正你的JSON属性提取代码 #

你给出的代码片段let data = file.[argument];有个小语法错误——方括号前面不需要加.。正确的写法是用方括号语法来访问属性，这正是处理动态属性名的标准方式。

原理说明 #

在JavaScript里，访问对象属性有两种方式：

• 点语法：file.propertyName —— 只适用于属性名是固定的、符合标识符规则的情况
• 方括号语法：file['propertyName'] 或 file[variable] —— 支持动态的属性名（比如变量、带特殊字符的字符串）

正确代码示例 #

假设你的file是一个JSON对象，argument是存储目标属性名的字符串变量：

// 示例JSON数据
const file = {
  filename: "report.pdf",
  filesize: 2048,
  filetype: "application/pdf"
};

// 动态属性名字符串变量
const argument = "filesize";

// 正确提取属性值
let data = file[argument]; 
console.log(data); // 输出：2048

2. 使用字符串变量提取数组的数据 #

这个需求分两种常见场景，我分别说明：

场景A：通过字符串变量获取数组本身 #

如果你的数组名称存储在字符串变量里（比如你想动态选择不同的数组），不要直接用eval（不安全），推荐两种方式：

• 浏览器环境：如果数组是全局变量，可以通过window[变量名]访问：

// 全局数组
const productList = ["Laptop", "Phone", "Headphones"];
const arrayName = "productList";

// 获取数组
const targetArray = window[arrayName];
console.log(targetArray[0]); // 输出：Laptop

• Node.js/模块化环境：把所有数组存到一个容器对象中，通过键名访问：

// 容器对象存储所有数组
const allArrays = {
  users: ["Alice", "Bob", "Charlie"],
  orders: ["ORD001", "ORD002", "ORD003"]
};
const arrayName = "users";

// 获取数组
const targetArray = allArrays[arrayName];
console.log(targetArray[1]); // 输出：Bob

场景B：从数组的对象元素中提取动态属性值 #

如果数组里的元素是对象，你想通过字符串变量提取每个对象的指定属性，可以结合map方法实现：

// 包含对象的数组
const students = [
  { id: 1, name: "Emma", grade: "A" },
  { id: 2, name: "Liam", grade: "B" },
  { id: 3, name: "Olivia", grade: "A+" }
];

// 动态属性名字符串
const propName = "grade";

// 提取所有学生的grade属性
const grades = students.map(student => student[propName]);
console.log(grades); // 输出：["A", "B", "A+"]

关键总结 #

• 动态访问属性/数组时，方括号语法是核心，它完全支持字符串变量作为键名
• 避免使用eval来处理动态变量名，不安全且性能差
• 如果是处理数组中的对象，数组方法（map/forEach）+ 方括号语法是高效的组合

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