Comment remplacer les “ \ ” en javascript

Ma réponse fait quelques hypothèses, que j'ai eu à remplir le plutôt importantes lacunes dans votre question:

• L'utilisateur d'entrer une chaîne de texte dans une zone de texte;
• Votre script va lire le contenu de textbox, et d'utiliser ces contenus comme le valeur de l'un des éléments dans une chaîne JSON que c'est la construction;
• Le script envoie cette chaîne JSON pour le serveur en quelque sorte.

Si j'ai le droit, nous allons procéder...

---

De référence code

Donc, avec quelques espaces réservés, vous êtes en train de faire:

function get_contents_of_textbox() {
   //Dummy data for example
   return 'My mum pushed and I said "Hello World"!';
}

function send_to_server(json_str) {
   //Dummy action: display JSON string
   console.log(json_str);
}

var myVal = get_contents_of_textbox();
var JSON  = '{ "test": "' + myVal + '" }';
send_to_server(JSON);

Démonstration en direct, montrant le mal formé JSON.

---

Première tentative

Pour s'assurer que JSON est valide, échapper toutes les citations et les barres obliques inverses qu'il peut contenir. Vous avez déjà donné un rendez-vous à:

myVal = myVal.replace('"', "\\\"");

et le résultat de votre tentative est:

{ "test": "My mum pushed and I said \"Hello World"!" }

Seulement la première citation a été échappé. C'est parce qu'un exemple de la chaîne de recherche est remplacée par défaut.

Mozilla documentation dit:

Pour effectuer une recherche globale et de le remplacer, soit inclure l'indicateur g dans
l'expression régulière, ou si le premier paramètre est une chaîne de caractères, comprennent
g dans le paramètre flags.

---

De travail tentative

Malheureusement, la flags paramètre est non-standard, nous allons donc passer à la regex version de replace, et l'utilisation de la /g commutateur:

myVal = myVal.replace(/"/g, '\\"');

^{(Vous remarquerez que j'ai également résumés de la chaîne de remplacement, pour des raisons de concision.)}

Résultat:

{ "test": "My mum pushed and I said \"Hello World\"!" }

Démonstration en direct. Hourra!

---

Solution complète

Nous allons également ajouter de la logique de barres obliques inverses, et nous obtenons ceci:

function get_contents_of_textbox() {
   //Dummy data for example
   return 'My mum pushed [a back\\slash] and I said "Hello World"!';
}

function send_to_server(json_str) {
   //Dummy action: display JSON string
   console.log(json_str);
}

var myVal = get_contents_of_textbox();
myVal = myVal.replace(/\\/g, '\\\\'); //escape backslashes
myVal = myVal.replace(/"/g, '\\"');   //escape quotes

var JSON  = '{ "test": "' + myVal + '" }';
send_to_server(JSON);

Résultat:

{ "test": "My mum pushed [a back\\slash] and I said \"Hello World\"!" }

Démonstration en direct.

OriginalL'auteur Lightness Races in Orbit

Il suffit de créer un tableau JS

var arr = {
   test: '""'
}

et de laisser le JSON poignée de l'interface de l'échappement pour vous. Vous ne devriez jamais avoir à traiter avec les détails vous-même.

OriginalL'auteur Marc B