Bagaimana untuk Menggabungkan String dengan Pembolehubah dalam JavaScript?

Penggabungan Rentetan dengan Pembolehubah

Dalam JavaScript, menggabungkan rentetan dengan pembolehubah ialah tugas biasa. Mari kita terokai cara untuk mencapai ini sebagai tindak balas kepada soalan: "Jadi saya cuba membuat rentetan daripada rentetan dan pembolehubah yang dilalui(iaitu nombor).
Bagaimana caranya?"

Terdapat pelbagai pendekatan yang tersedia:

• Penggabungan dengan Operator:

  Anda hanya boleh menggunakan operator untuk menggabungkan rentetan dan pembolehubah. Contohnya:

  const id = 42;
  const str = "horseThumb_" + id;

  Ini akan menyebabkan str sama dengan "horseThumb_42".

• Template Literals (ES2015 ):

  Dengan literal templat yang diperkenalkan dalam ECMAScript 2015, anda boleh menggunakan backticks (`) untuk membenamkan pembolehubah dalam rentetan. Contohnya:

  const id = 42;
  const str = `horseThumb_${id}`;

  Ini juga menyebabkan str bersamaan dengan "horseThumb_42".

• Pencapaian Elemen dengan Literal Templat:

  Apabila menggabungkan rentetan dengan ID elemen, anda boleh menggunakan literal templat untuk mendapatkan semula secara terus unsur tersebut. Contohnya:

  const id = 42;
  const element = document.getElementById(`horseThumb_${id}`);

  Ini akan mendapatkan semula elemen dengan ID "horseThumb_42".

  Contoh Kod:

  Menggunakan fungsi AddBorder yang disediakan dalam soalan, kita boleh menunjukkan gabungan rentetan dengan pengendali:

  function AddBorder(id) {
      const className = "hand positionLeft";
      document.getElementById("horseThumb_" + id).className = className;
  }

  Ini kod akan memberikan className dengan betul kepada elemen dengan ID "horseThumb_".

  Petua Penyahpepijatan:

  Jika kod anda tidak berfungsi dengan betul, pertimbangkan untuk menambah beberapa kenyataan penyahpepijatan, seperti:

  console.log("ID number: " + id);
  console.log("Return value of gEBI: " + document.getElementById("horseThumb_" + id));

  Ini akan membantu anda mengenal pasti sama ada isu itu terletak pada menghantar ID, sama ada elemen wujud atau jika kod sedang dilaksanakan sebelum DOM sedia.

Atas ialah kandungan terperinci Bagaimana untuk Menggabungkan String dengan Pembolehubah dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!