替换数组中文本的简写答案

【问题标题】：Short hand for replacing text in array替换数组中文本的简写
【发布时间】：2021-11-02 07:37:51
【问题描述】：

我有这个简单的代码

string = "google windows ico.Win10 ubuntu ico.Microsoft"
keysArray = string.split("+").filter(e =>  e);

for (let i = 0; i < keysArray.length; i++) {
    keysArray[i] = keysArray[i].replace("ico.Win10", '<i class="fab fa-windows"></i>')
    keysArray[i] = keysArray[i].replace("ico.Apple", '<i class="fab fa-apple"></i>')
    keysArray[i] = keysArray[i].replace("ico.Android", '<i class="fab fa-android"></i>')
    keysArray[i] = keysArray[i].replace("ico.Linux", '<i class="fab fa-linux"></i>')
    keysArray[i] = keysArray[i].replace("ico.Ubuntu", '<i class="fab fa-ubuntu"></i>')
    keysArray[i] = keysArray[i].replace("ico.Unity", '<i class="fab fa-unity"></i>')
    keysArray[i] = keysArray[i].replace("ico.Snapchat", '<i class="fab fa-snapchat"></i>')
    keysArray[i] = keysArray[i].replace("ico.Whatsapp", '<i class="fab fa-whatsapp"></i>')
    keysArray[i] = keysArray[i].replace("ico.Instagram", '<i class="fab fa-instagram"></i>')
    keysArray[i] = keysArray[i].replace("ico.Google", '<i class="fab fa-google"></i>')
    keysArray[i] = keysArray[i].replace("ico.Microsoft", '<i class="fab fa-microsoft"></i>')
}

console.log(keysArray)

在这里，我将一个字符串转换为数组并过滤掉所有的空字符串。如果文本存在，则替换数组中每个项目中的文本

但是当有很多文本要替换时，我不得不调用.replace函数数千次。有没有办法以礼貌的短方式做同样的事情？

【问题讨论】：

我很困惑。 string 中没有加号，也没有被过滤掉的空字符串。因此，您循环遍历 for 循环中的一项。您是否想用空格代替？在 for 循环之前运行 console.log(keysArray) 以了解我的意思。
创建一个查找表并测试文本的keysArray - 例如在实际替换之前的Win10。使用模板文字
@Barmar 骗子与这个问题不同。
@RickardElimää 是的
@TimBiegeleisen 有什么区别？

标签： javascript arrays replace

【解决方案1】：

我建议一个查找表

const icons = {
  "Win10": "fa-windows",
  "Apple": "fa-apple",
  "Android": "fa-android",
  "Linux": "fa-linux",
  "Ubuntu": "fa-ubuntu",
  "Unity": "fa-unity",
  "Snapchat": "fa-snapchat",
  "Whatsapp": "fa-whatsapp",
  "Instagram": "fa-instagram",
  "Google": "fa-google",
  "Microsoft": "fa-microsoft"
}
const string = "google windows ico.Win10 ubuntu ico.Microsoft"
const keysArray = string
  .split(" ")
  .map(key => key.startsWith('ico.') ? `<i class="fab ${key.replace(key, icons[key.split(".")[1]])}"></i>` : key)
  .join(" ");
console.log(keysArray)

如果我们完全确定输入匹配图标，我们甚至不需要 - Win10 会失败，但其余的工作

const string = "google windows ico.Windows ubuntu ico.Microsoft"
const keysArray = string
  .split(" ")
  .map(key => key.startsWith('ico.') ? 
  `<i class="fab fa-${key.split(".")[1].toLowerCase()}"></i>` : key)
  .join(" ");
console.log(keysArray)

【讨论】：