javascript - 帮助理解和重新编写 javascript 函数来处理特殊字符

Question

我正在尝试重写一个 javascript 函数，因为有人告诉我这个函数的代码有点令人讨厌，而且这里的一位非常友好的用户可以很好地编写它。

我一直在努力理解这个函数的作用，因此我可以正确地重写它，但由于我不完全理解它是如何工作的，所以这是一项非常困难的任务。

因此，我正在寻求帮助和指导(不是我想自学的解决方案)以更好地理解和重写此函数。

该函数是为处理特殊字符而创建的，我知道它循环遍历发送给它的字符串，搜索特殊字符，并将它需要的内容添加到字符串中以使其成为有效字符串。

我一直在尝试使用 value.replace(/"/gi,"/"")，但肯定是我做错了，因为它崩溃了。

谁能告诉我从哪里开始重新编码功能？

如有任何帮助，我们将不胜感激。

我对函数的评论是大写的。代码

<script type="text/javascript">
    function convertString(value){ 
     for(var z=0; z <= value.length -1; z++)
      {
        //if current character is a backslash||WHY IS IT CHECKING FOR \\,\\r\\n,and \\n?
        if(value.substring(z, z + 1)=="\\" && (value.substring(z, z + 4)!="\\r\\n" && value.substring(z, z + 2)!="\\n"))
          {//WHY IS IT ADDING \\\\ TO THE STRING?
             value = value.substring(0, z) + "\\\\" + value.substring(z + 1, value.length);
             z++;
           }   
        if(value.substring(z, z + 1)=="\\" && value.substring(z, z + 4)=="\\r\\n")
            {//WHY IS IT ADDING 4 TO Z IN THIS CASE?
             z = z+4;
            }      
        if(value.substring(z, z + 1)=="\\" && value.substring(z, z + 2)=="\\n")
            {//WHY IS IT ADDING 2 TO Z IN THIS CASE?
             z = z+2;
            }
        }
    //replace " with \"
    //loop through each character
     for(var x = 0; x <= value.length -1; x++){
      //if current character is a quote
      if(value.substring(x, x + 1)=="\""){//THIS IS TO FIND \, BUT HAVENT THIS BEEN DONE BEFFORE?
         //concatenate: value up to the quote + \" + value AFTER the quote||WHY IS IT ADDING \\ BEFORE \"?
         value = value.substring(0, x) + "\\\"" + value.substring(x + 1, value.length);
         //account for extra character
         x++;
         }
      }
   //return the modified string
   return(value);
  }
<script>

代码中大写字母的注释是我对上述功能的疑问。

我将不胜感激任何帮助、指导、建议，但不是解决方案，因为我确实想学习。

Answer 1

好的，让我们逐步完成。

//if current character is a backslash||WHY IS IT CHECKING FOR \,\r\n,and \n?

\是一个特殊字符，称为 escape character .\,\r 和\n 都是 escape sequences .还有其他几个javascript escape sequences ，但这些是你正在处理的。如果您查找最后一个链接，您会看到\是用于添加反斜杠的转义序列。由于\本身是一个转义字符，向字符串添加\需要您添加两个。只要转义序列不是用于换行符 (\n) 或\r\n，windows 换行符，它就会对所有两个\组执行此操作。稍后使用您的字符串时，\最终将在输出中成为单个\。

//WHY IS IT ADDING 4 TO Z IN THIS CASE?

脚本将 4 和 2 添加到其他两个 if 中的 z 的原因是因为它已经确定了该长度的转义序列，因此不需要检查序列中的其他字符。例如，考虑字符串 `AAABAAACAAA'

如果我想使用相同的方法，逐个字符循环，并将 A 的所有实例更改为 D，那么我可能会这样做:

for (i = 0; i < myString.length; i++) {
    if (myString.substring(i) == 'A') {
        myString = myString.substring(0, i) + 'D' + myString.substring(i+1, myString.length);
    }
}

相反，如果我知道我所有的 A 都是 3 个一组，就像我的情况一样，我可以这样做

for (i = 0; i < myString.length; i++) {
    if (myString.substring(i, i+3) == 'AAA') {
        myString = myString.substring(0, i) + 'DDD' + myString.substring(i+3,myString.length);
        i+= 3;
    }
}

在这里，我发现了 AAA。我第一次找到 AAA 我的 i = 0。因为我在 i == 0 时找到 AAA，并且我用 DDD 替换它们，我知道 i + 1 和 i + 2 不会包含字母 A(因为我只是替换了它们)...所以我可以跳过并在下一个循环中开始处理三个字符。

//THIS IS TO FIND \, BUT HAVENT THIS BEEN DONE BEFFORE?

不，这里您要查找的是\"，双引号的转义序列。

试试看输出的差异。

var testString = "This is a \"string\" with \"escape sequences\".\nIt \"escapes\" backslashes like this \\ and double quotes like this \" but leaves new lines alone";
alert(testString);
alert(convertString(testString));