Bagaimanakah saya menggabungkan rentetan dengan pembolehubah dalam JavaScript?

Barbara Streisand
Lepaskan: 2024-11-08 11:08:02
asal
684 orang telah melayarinya

How do I concatenate strings with variables in JavaScript?

Menggabungkan Rentetan dengan Pembolehubah

Percubaan untuk menggabungkan rentetan dan pembolehubah sering timbul apabila memanipulasi elemen dalam halaman web. Untuk mencapai ini dalam JavaScript, terdapat beberapa pendekatan.

Kaedah 1: Penggabungan Rentetan

Kaedah yang paling mudah ialah dengan hanya menggabungkan rentetan dengan pembolehubah menggunakan tambah pengendali ( ). Contohnya:

let id = 42;
let str = 'horseThumb' + id; // str will be "horseThumb42"
Salin selepas log masuk

Kaedah 2: Literal Templat (ES6)

Tersurat templat (juga dikenali sebagai rentetan templat) yang diperkenalkan dalam ECMAScript 2015 menawarkan ringkas dan boleh dibaca sintaks untuk interpolasi rentetan. Untuk menggunakan kaedah ini, sertakan rentetan dalam tanda belakang (`) dan benamkan pembolehubah dalam rentetan menggunakan ${}.

let id = 42;
let str = `horseThumb${id}`; // str will be "horseThumb42"
Salin selepas log masuk

Penyelesaian masalah

Jika anda menghadapi isu menggabungkan rentetan dengan pembolehubah, pertimbangkan kemungkinan sebab berikut:

  • Pastikan anda menghantar nilai yang betul kepada pembolehubah.
  • Sahkan bahawa elemen dengan ID yang ditentukan wujud pada halaman.
  • Elakkan menjalankan fungsi sebelum elemen dimuatkan sepenuhnya dalam DOM. Untuk menangani perkara ini, gunakan pengendali acara onload atau window.onload.

Atas ialah kandungan terperinci Bagaimanakah saya menggabungkan rentetan dengan pembolehubah dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!