Dans JavaScript, vous rencontrez souvent des problèmes de chaîne, mais ce sera plus gênant si la chaîne que vous souhaitez épisser trop longtemps.
S'il est sur une seule ligne, il ne sera pas lisible, mais s'il veut envelopper la ligne, il rapportera directement une erreur.
Voici plusieurs techniques d'épissage JavaScript pour l'épissage des chaînes.
Ajouter des chaînes (+)
var items = '<li>' + '<span> Bonjour le monde </span>' + '</li>';
Coux de couture avec barre de barre
var items = '<li>' / '<span> Bonjour le monde </span>' / '</li>';
Des cordes d'épissage avec des tableaux
Utilisez la méthode de jointure du tableau pour convertir le tableau en une chaîne.
var emplist = ['<li>', '<span> bonjour world </span>', '</li>']. JOIN ("");Sur la base du tableau, vous pouvez encapsuler une méthode StringBuffer pour terminer l'épissage de chaîne.
fonction stringbuffer () {this.buffer = []; } StringBuffer.prototype = {Constructor: StringBuffer, append: function (str) {this.buffer.push (str); retourner ceci; }, toString: function () {return this.buffer.join (''); }};Chaîne de modèle ES6
Un nouveau type de syntaxe littérale est introduit dans ES6, appelé chaînes de modèle.
Utilisez une apostrophe inverse 'au lieu des citations uniques ou doubles d'origine.
$ ('. avertissement'). html (`<h1> travaillant! </h1> <p> Restaurant divers </p> <p> un simple lin thai </p>`);De nouvelles lignes, retraits et espaces de la chaîne seront sortis dans la chaîne nouvellement générée telle qu'elle est.
Si vous souhaitez comprendre les problèmes de performances de l'épissage des cordes, il est recommandé de lire le livre de Nicholas C. Zakas "Javascript High-Performance" par Nicholas C. Zakas
Les conseils d'épissage de chaîne JavaScript ci-dessus (recommandés) sont tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.