本文介绍如何避免冗长的 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 < 8; i++) {
// ✅ 动态访问：scales[keyScale] 返回对应数组，再取第 i 项
const songKey = keyRoot - 1 + scales[keyScale][i];
output += notes[songKey] + ' ';
}
console.log(output); // "F G A C D D# F# A "✅ 优势说明：
- 可扩展性强：新增音阶（如 harmonicMinor, dorian）只需在 scales 对象中添加一行，无需修改逻辑；
- 类型安全 & 可维护：避免 eval() 或 window[keyScale] 等不安全、不可靠方式；
- 作用域清晰：所有音阶数据被显式封装，不污染全局命名空间；
- 便于类型检查与 IDE 支持：配合 TypeScript 可进一步约束 keyScale 的合法取值（如 type ScaleName = 'minor' | 'major' | 'pentatonic';）。
⚠️ 注意事项：
立即学习“Java免费学习笔记（深入）”；
- 使用前建议校验 keyScale 是否为有效键名，防止运行时错误：
if (!scales.hasOwnProperty(keyScale)) { throw new Error(`Unknown scale: ${keyScale}`); } - 若 keyScale 来源于用户输入（如表单字段），务必做白名单校验或枚举限制，杜绝任意代码执行风险。
总结：用对象组织命名数组 + 方括号动态访问，是 JavaScript 中替代“变量变量”的标准、健壮、可扩展的最佳实践。
