javascript中的“翻译”功能就像php中的那样？答案

【问题标题】：A "translate" function in javascript like that in php?javascript中的“翻译”功能就像php中的那样？
【发布时间】：2018-05-10 00:11:38
【问题描述】：

是的，我想要 javascript 中的字符“翻译”功能，就像 php 中的那样。我做了以下，但它是可怕的。肯定有更好的方法——使用正则表达式？

<html>
<head>
<script>
window.onload = function() { 
  "use strict";
  console.log(translate("abcdefg", "bdf", "XYZ")); // gives aXcYeZg -=-=-
}
function translate(v1, xlatfrom, xlatto) {
  var ch, ipos, retstr = "";
  if (xlatfrom.length != xlatto.length) return ""; // lengths must be =
  for (var i1=0; i1<v1.length; i1+=1) { // go through string
    ch = v1.substring(i1, i1+1); // character by character
    ipos = xlatfrom.indexOf(ch); // ck if in xlatfrom
    if (ipos >= 0) ch = xlatto.substring(ipos, ipos+1); // if yes, replace
    retstr += ch; } // build up return string
  return retstr;
}
</script>
</head>
<body>
</body>
</html>

编辑：我接受了@dani-sc 的答案。我不会追求性能。但它是如此的教条！并感谢“传播运算符”信息。以下是我可能会如何使用他的答案：

function translate(v1, xlatfrom, xlatto) { // like the PHP translate
 var mapobj = strsToObject(xlatfrom, xlatto); // make str1.ch's:str2ch's object
 return [...v1].map(ch => mapobj[ch] || ch).join(''); // ... is js "spread operator"
}
function strsToObject(str1, str2) { // make object from strings
  if (str1.length != str2.length) return {}; // lengths must be =
  var retobj = {};
  for (var i1=0; i1<str1.length; i1+=1) { // just str[i1]: str2[i1]
    retobj[str1.substring(i1, i1+1)] = str2.substring(i1, i1+1); }
  return retobj;
}

或者（这太好了！谢谢！）

function translate(v1, xlatfrom, xlatto) { // like the PHP translate
  if (xlatfrom.length != xlatto.length) return ""; // lengths must be =
  var mapobj = {}; // make object for mapping
  for (var i1=0; i1<xlatfrom.length; i1+=1) { // just str[i1]: str2[i1]
    mapobj[xlatfrom.substring(i1, i1+1)] = xlatto.substring(i1, i1+1); }
  return [...v1].map(ch => mapobj[ch] || ch).join(''); // ... is js "spread operator"
}

【问题讨论】：

this question 中的答案可能就是您要寻找的内容
@Hamms 谢谢，我的搜索没有命中“Perl tr 函数”。里面很多。

标签： javascript

【解决方案1】：

好吧，如果你愿意，你可以像这样使用正则表达式：

function translate(input, oldCharacters, newCharacters) {
  let output = input;
  const oldChArr = [...oldCharacters];
  const newChArr = [...newCharacters];
  for (let i = 0; i < oldChArr.length; i += 1) {
    output = output.replace(new RegExp(oldChArr[i], 'g'), newChArr[i]);
  }
  return output;
}

function translateFixed(input, replacements) {
  return input.replace(/./g, ch => replacements[ch] || ch);
}

function translateFixedNoRegEx(input, replacements) {
  return [...input].map(ch => replacements[ch] || ch).join('');
}

console.log(translate("abcdefgbdb", "bdf", "XYZ"));
console.log(translate("abcdefg", "cde", "dec"));
console.log(translateFixed("abcdefg", {c: 'd', d: 'e', e: 'c'}));
console.log(translateFixedNoRegEx("abcdefg", {c: 'd', d: 'e', e: 'c'}));

如果您可以更改方法的签名，当然可以更简洁一些。

编辑：我添加了另外两种方法，它们实际上可以实现您正在寻找的东西。仅供参考，我把原来的方法translate也留在那里了。

translateFixed 使用正则表达式匹配每个单个字符，如果在 replacements 参数中指定，则替换它。 translateFixedNoRegex 只是从 input 字符串中创建一个字符数组并遍历它们。如果字符ch 与replacements 参数中的一个匹配，则将其替换，否则保持不变。之后，我们将通过连接字符将其转换回字符串。

您询问了 [...array]：它是 ES6 引入的 spread operator。当用于字符串时，它只获取每个字符并将其作为单个条目放入数组中。这意味着，这两行是等价的：

console.log([..."mystring"]);
console.log("mystring".split(''));

【讨论】：

请谈谈“[...oldCharacters]”中的“...”。我想知道这件事。您的函数有问题——“translate("abcdefg", "cde", "dec")" 给出了 "abcccfg" 而不是 "abdecfg"，这正是我想要的。我要多看这个。谢谢。
@dcromley 嗨，我已经用两个新函数和关于 [...array] 的解释编辑了我的答案
@Bergi 我检查了我的例程和 dani-sc 的，没有勾结！

【解决方案2】：

function translate(val, xlatfrom, xlatto) { // 
  if (xlatfrom.length !== xlatto.length) return "";
  
  Array.from(xlatfrom).forEach((key, index) =>  {
    val = val.replace(key, xlatto[index]);
  })
  return val;
}

console.log(translate("abcdefg", "bdf", "XYZ"));

【讨论】：

这遇到了（我认为）与@dani-sc 相同的问题，“translate("abcdefg", "cde", "dxx")" 给出了 "abxdxfg" 而不是 "abdxxfg" ，这就是我想要的。我要多看这个。谢谢。
如果xlatfrom 和xlatto 中的字母发生碰撞，这将不起作用
@Bergi 未提及此功能的完整规范。因此，我可以选择循环进入 php translate() 代码并转换为 javascript。我没有那么多时间:)