Maison > interface Web > js tutoriel > Comment concaténer des chaînes avec des variables en JavaScript ?

Comment concaténer des chaînes avec des variables en JavaScript ?

Barbara Streisand
Libérer: 2024-11-08 11:08:02
original
830 Les gens l'ont consulté

How do I concatenate strings with variables in JavaScript?

Concaténation de chaînes avec des variables

La tentative de concaténation d'une chaîne et d'une variable se produit souvent lors de la manipulation d'éléments dans une page Web. Pour y parvenir en JavaScript, il existe plusieurs approches.

Méthode 1 : Concaténation de chaîne

La méthode la plus simple consiste simplement à concaténer la chaîne avec la variable à l'aide du plus opérateur ( ). Par exemple :

let id = 42;
let str = 'horseThumb' + id; // str will be "horseThumb42"
Copier après la connexion

Méthode 2 : Littéraux de modèle (ES6)

Les littéraux de modèle (également appelés chaînes de modèle) introduits dans ECMAScript 2015 offrent un format concis et lisible. syntaxe pour l'interpolation de chaînes. Pour utiliser cette méthode, entourez la chaîne entre guillemets (`) et intégrez la variable dans la chaîne à l'aide de ${}.

let id = 42;
let str = `horseThumb${id}`; // str will be "horseThumb42"
Copier après la connexion

Dépannage

Si vous rencontrez problèmes de concaténation de chaînes avec des variables, tenez compte des raisons potentielles suivantes :

  • Assurez-vous de transmettre la valeur correcte à la variable.
  • Vérifiez que l'élément avec l'ID spécifié existe sur le page.
  • Évitez d'exécuter la fonction avant que l'élément ne soit complètement chargé dans le DOM. Pour résoudre ce problème, utilisez un gestionnaire d'événements onload ou window.onload.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal