> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 문자열과 변수를 연결하는 방법은 무엇입니까?

JavaScript에서 문자열과 변수를 연결하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-11-07 01:08:03
원래의
908명이 탐색했습니다.

How to Concatenate Strings with Variables in JavaScript?

JavaScript에서 문자열과 변수 연결

제공된 코드의 목표는 문자열('horseThumb')을 숫자와 결합하는 것입니다. 단일 문자열을 구성하는 변수 'id'입니다. 이는 문자열 연결을 통해 달성할 수 있습니다.

질문에서 언급한 한 가지 방법은 ${variable} 구문을 사용한 문자열 보간입니다. 그러나 이 접근 방식을 사용하면 질문자의 코드에 문제가 발생한 것 같습니다.

템플릿 리터럴 문제 수정

템플릿 리터럴 문제를 디버깅하기 전에 다음 사항을 확인하는 것이 중요합니다. 'id' 인수가 올바르게 전달되고 있으며 해당 ID를 가진 요소가 존재하는지 확인합니다. 이러한 확인을 위해 콘솔 문을 추가하는 것이 좋습니다.

요소가 존재하지만 템플릿 리터럴이 여전히 실패하는 경우 잠재적인 구문 오류가 있는지 확인하세요. 백틱(`)을 사용하여 템플릿 문자열을 묶어야 하며 ${variable} 보간은 해당 백틱 내에 있어야 합니다.

대체 연결 방법

문자열 보간 외에 , JavaScript는 다른 연결 방법을 제공합니다:

  • 문자열 추가( ): 문자열은 ' ' 연산자를 사용하여 연결할 수 있습니다. 예: result = 'horseThumb' id;
  • 문자열 연결 방법: concat() 방법을 사용하면 여러 문자열을 함께 연결할 수 있습니다. 예: result = 'horseThumb'.concat(id);

대체 방법을 사용한 예

문자열 추가를 사용하면 코드는 다음과 같습니다.

function AddBorder(id) {
    var result = 'horseThumb' + id;
    document.getElementById(result).className = 'hand positionLeft';
}
로그인 후 복사

concat() 메소드 사용:

function AddBorder(id) {
    var result = 'horseThumb'.concat(id);
    document.getElementById(result).className = 'hand positionLeft';
}
로그인 후 복사

추가 참고사항

  • 템플릿 문자열 내에서 이스케이프해야 하는 문자의 경우 , 백슬래시()를 사용합니다. 예를 들어, 'horseThumb_${id}'는 'horseThumb' 뒤에 밑줄이 있는 문자열을 생성합니다.
  • 연결을 위한 또 다른 옵션은 PHP 또는 jQuery와 같은 라이브러리의 sprintf() 함수를 사용하는 것입니다. 이 접근 방식은 추가 서식 옵션을 제공합니다.

위 내용은 JavaScript에서 문자열과 변수를 연결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿