如何根据用户输入动态获取JavaScript数组指定索引的值？

嘿，这个坑我太熟了！你遇到的问题本质是把拼接出来的字符串当成数组名直接用了——JavaScript会把它当成普通字符串处理，自然就取到字符串的某个字符了。给你几个靠谱的解决方案：

如果你的数组是在全局作用域下定义的（比如直接在script标签里写var arrayOne = [...]），可以通过window对象动态访问这些数组：

// 假设用户输入的后缀和索引存在这两个变量里
const userSuffix = "One";
const userIndex = 3;

// 正确获取数组元素的方式
const targetArray = window["array" + userSuffix];
const result = targetArray[userIndex];
console.log(result); // 这下就能拿到arrayOne[3]的真实值了

原理很简单：全局声明的变量会自动挂载到window对象上，我们用对象属性的方括号访问法，把拼接出来的字符串作为属性名，就能拿到对应的数组，再取索引对应的元素就行。

直接用全局变量容易造成命名污染，更规范的方式是把所有相关数组放到一个专门的对象里，管理起来更清晰安全：

// 先把所有数组统一收纳到一个对象中
const arrayStore = {
  arrayOne: ['apple', 'banana', 'cherry', 'date'],
  arrayTwo: [10, 20, 30, 40],
  arrayThree: ['red', 'green', 'blue']
};

// 用户输入的后缀和索引
const userSuffix = "Two";
const userIndex = 2;

// 动态获取目标元素
const targetArray = arrayStore["array" + userSuffix];
const result = targetArray[userIndex];
console.log(result); // 输出arrayTwo[2]的值：30

这种方式不仅避免了全局变量的混乱，后续新增数组直接往arrayStore里加就行，维护起来特别方便。

你之前应该是写了类似这样的代码：

const userSuffix = "One";
const userIndex = 3;
// 错误写法！
const result = ("array" + userSuffix)[userIndex];

这里"array" + userSuffix拼接出来的是字符串"arrayOne"，而不是你定义的数组arrayOne。字符串在JS里也支持索引访问，所以它会返回这个字符串第3个索引位置的字符（也就是"a"，因为字符串索引从0开始：a(0), r(1), r(2), a(3)...），这就是你得到错误结果的原因。

内容的提问来源于stack exchange，提问作者j. dot