Dado que JS y DOM analizan de forma predeterminada caracteres especiales como \n , puede definir caracteres especiales que desee evitar que se comporten de la manera predeterminada y reemplazarlos con el original más una barra invertida antes:

Eche un vistazo a este fragmento ejecutable:

 let textWithSpecialChars = `"id"\t"name\n key\f \r \b"`; const specialChars = ['\\b', '\\r', '\\f', '\\n', '\\t']; let modifiedTextWithSpecialChars = JSON.stringify(textWithSpecialChars); specialChars.forEach((char) => { modifiedTextWithSpecialChars = modifiedTextWithSpecialChars.replace(char, '\\' + char); }); console.log(modifiedTextWithSpecialChars); // "\"id\"\\t\"name\\n key\\f \\r \\b\"" console.log(JSON.parse(modifiedTextWithSpecialChars)); // "id"\t"name\n key\f \r \b" console.log(textWithSpecialChars); // "id" "name // key // " document.body.innerHTML = JSON.parse(modifiedTextWithSpecialChars)

Análisis

1. Reúne todos los caracteres especiales en esa matriz y los escapa.
2. Stringifique su cadena, de esta manera puede usar esa cadena en JS sin JS analizando caracteres especiales
3. Tome esta cadena y recorra todos los caracteres especiales que agregó anteriormente
4. Para cada carácter especial, tome la cadena original y reemplace el carácter especial como \n con \\n . Devuelva ese valor a la cadena de modificación y continúe hasta que se reemplacen todos los caracteres especiales. El resultado en cadena de esto será '\"id\"\\t\"name\\n key\\f \\r \\b\"'
5. Analice su cadena y JS no analizará los caracteres especiales como caracteres especiales, sino que serán cadenas simples.