如何在 JavaScript 中通过变量名动态访问数组-js教程-PHP中文网

如何在 JavaScript 中通过变量名动态访问数组

本文介绍如何避免冗长的 if/else 判断，利用对象属性访问机制，通过字符串变量（如 'minor' 或 'major'）安全、高效地动态选择并访问对应的数组。

本文介绍如何避免冗长的 if/else 判断，利用对象属性访问机制，通过字符串变量（如 `'minor'` 或 `'major'`）安全、高效地动态选择并访问对应的数组。

在 JavaScript 中，无法像 PHP 那样直接使用“可变变量”（如 $$varName）来通过字符串名称访问全局变量。但我们可以借助对象字面量 + 方括号属性访问这一标准、安全且可维护的方式，实现相同效果。

核心思路是：将所有待选数组统一组织在一个对象中，以字符串为键（key），数组为值（value）。随后通过变量 keyScale 作为属性名，动态获取对应数组：

const notes = ['A','A#','B','C','C#','D','D#','E','F','F#','G','G#','A','A#','B','C','C#','D','D#','E','F','F#','G','G#','A'];
const minor = [0,2,3,5,7,8,10,12];
const major = [0,2,4,5,7,9,11,12];

// ✅ 将所有音阶数组集中管理
const scales = {
  minor,
  major,
  // 后续可轻松扩展：pentatonic: [0,2,4,7,9], blues: [0,2,3,4,7,9], ...
};

let keyRoot = 5;
let keyScale = 'minor'; // 来自按钮点击、下拉选择等用户交互

let output = '';
for (let i = 0; i <p>✅ <strong>优势说明</strong>：  </p><div class="aritcle_card flexRow artxards">
											<div class="artcardd flexRow">
												<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill8775" title="Java Maven Common"><img
														src="https://img.php.cn/upload/skill/000/000/081/179222954019613.jpg" alt="Java Maven Common" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
												<div class="aritcle_card_info flexColumn">
													<a rel="nofollow" href="/xiazai/skill8775" title="Java Maven Common" class="overflowclass">Java Maven Common</a>
													<p class="overflowclass">Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。</p>
												</div>
												<a rel="nofollow" href="/xiazai/skill8775" title="Java Maven Common" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
												</a>
											</div>
										</div>

可扩展性强：新增音阶（如 harmonicMinor, dorian）只需在 scales 对象中添加一行，无需修改逻辑；
类型安全 & 可维护：避免 eval() 或 window[keyScale] 等不安全、不可靠方式；
作用域清晰：所有音阶数据被显式封装，不污染全局命名空间；
便于类型检查与 IDE 支持：配合 TypeScript 可进一步约束 keyScale 的合法取值（如 type ScaleName = 'minor' | 'major' | 'pentatonic';）。

⚠️ 注意事项：

使用前建议校验 keyScale 是否为有效键名，防止运行时错误：

if (!scales.hasOwnProperty(keyScale)) {
  throw new Error(`Unknown scale: ${keyScale}`);
}

若 keyScale 来源于用户输入（如表单字段），务必做白名单校验或枚举限制，杜绝任意代码执行风险。

总结：用对象组织命名数组 + 方括号动态访问，是 JavaScript 中替代“变量变量”的标准、健壮、可扩展的最佳实践。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南