Ionic 4应用中TypeScript关联数组的初始化与增改实现方法

嘿，我来帮你搞定TypeScript里的这个关联数组操作问题！不过先纠正个小概念：你示例里的array1其实是键值对对象（TypeScript里数组用[]，而{}是对象），不过没关系，咱们针对初始化、添加新元素、编辑更新这几个场景，一步步来：

在TypeScript里，我们可以通过两种方式初始化这种结构，同时建议给它定义类型，避免后续出现类型错误：

// 方式1：直接用字面量定义（适合初始值明确的情况）
// 定义类型：键是字符串，值是字符串数组
let questionAnswers: { [key: string]: string[] } = {
  'Question1': ['True', 'True'],
  'Question2': ['False', 'False'] // 你示例里的逗号位置有误，这里修正下
};

// 方式2：先声明接口再初始化（适合后续需要动态扩展的场景）
interface QuestionAnswerMap {
  [key: string]: string[];
}
let questionAnswers: QuestionAnswerMap = {};
// 之后再逐个添加初始值
questionAnswers['Question1'] = ['True', 'True'];
questionAnswers['Question2'] = ['False', 'False'];

给对象新增键值对非常简单，有两种常用写法：

// 方式1：方括号语法（适合键名带空格、特殊字符，或者键名是变量的情况）
questionAnswers['Question3'] = ['True', 'False'];

// 方式2：点语法（适合键名符合变量命名规则的情况，比如没有空格）
questionAnswers.Question4 = ['False', 'True'];

分两种常见场景，对应不同的操作方式：

3.1 替换整个问题对应的答案数组 #

直接给目标键重新赋值即可：

// 把Question1的答案数组完全替换
questionAnswers['Question1'] = ['False', 'True'];

3.2 修改数组里的单个元素 #

如果只想修改答案数组里的某一项，先确保目标键存在（避免undefined报错），再操作数组下标：

// 先判断键是否存在，防止报错
if (questionAnswers['Question2']) {
  // 把Question2的第一个答案改成'True'
  questionAnswers['Question2'][0] = 'True';
}

把所有操作整合起来，你可以直接运行测试：

interface QuestionAnswerMap {
  [key: string]: string[];
}

// 初始化
let questionAnswers: QuestionAnswerMap = {
  'Question1': ['True', 'True'],
  'Question2': ['False', 'False']
};

// 添加新元素
questionAnswers['Question3'] = ['True', 'False'];
questionAnswers.Question4 = ['False', 'True'];

// 更新整个数组
questionAnswers['Question1'] = ['False', 'True'];

// 更新单个元素
if (questionAnswers['Question2']) {
  questionAnswers['Question2'][0] = 'True';
}

// 打印结果查看
console.log(questionAnswers);

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