如何通过循环或判断实现基于Array映射的字符替换并生成outputArr

给你几种能实现需求的写法，按需选择：

1. 基础for循环遍历 #

这种写法逻辑清晰，适合新手理解每一步的执行过程：

var input = "agde";
var inputArr = input.split('');
var outputArr = [];
var eng= ["a","b","c","d","e","f","g"];
var jap = ["あ","び","を","ご","で","え","よ"];

// 逐个遍历输入的每个字符
for (var i = 0; i < inputArr.length; i++) {
  // 查找当前字符在eng数组中的位置索引
  var charIndex = eng.indexOf(inputArr[i]);
  // 如果找到对应索引，就把jap数组里的对应字符加入结果数组
  if (charIndex !== -1) {
    outputArr.push(jap[charIndex]);
  }
  // 可选：如果输入字符不在eng列表里，可以保留原字符
  // else {
  //   outputArr.push(inputArr[i]);
  // }
}

console.log(outputArr); // 输出结果：["あ", "よ", "ご", "で"]

2. 用Array.map()简化代码 #

利用数组的map方法可以简化遍历和转换逻辑，代码更简洁：

var input = "agde";
var inputArr = input.split('');
var eng= ["a","b","c","d","e","f","g"];
var jap = ["あ","び","を","ご","で","え","よ"];

// map会遍历inputArr的每个元素，返回转换后的新数组
var outputArr = inputArr.map(char => {
  var index = eng.indexOf(char);
  // 存在对应映射就返回日文，否则返回原字符（可根据需求调整）
  return index !== -1 ? jap[index] : char;
});

console.log(outputArr); // 输出结果：["あ", "よ", "ご", "で"]

3. 构建映射对象提升效率 #

如果eng和jap数组元素较多，用indexOf每次遍历数组效率较低，先把两个数组转成键值对对象，查找速度会快很多：

var input = "agde";
var inputArr = input.split('');
var eng= ["a","b","c","d","e","f","g"];
var jap = ["あ","び","を","ご","で","え","よ"];

// 先把英文字符和日文对应关系转成对象
var engToJapMap = {};
for (var i = 0; i < eng.length; i++) {
  engToJapMap[eng[i]] = jap[i];
}

// 遍历输入数组，从映射对象里取对应值
var outputArr = inputArr.map(char => engToJapMap[char] || char);

console.log(outputArr); // 输出结果：["あ", "よ", "ご", "で"]

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