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

변수와 문자열 연결

JavaScript에서는 문자열을 변수와 연결하는 것이 일반적인 작업입니다. "그래서 문자열과 전달된 변수(숫자)를 사용하여 문자열을 만들려고 합니다.
어떻게 하나요?"

사용 가능한 접근 방식은 여러 가지가 있습니다.

• 연산자를 사용한 연결:

  단순히 연산자를 사용하여 문자열과 변수를 연결할 수 있습니다. 예:

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

  str은 "horseThumb_42"와 같습니다.

• 템플릿 리터럴(ES2015):

  ECMAScript 2015에 도입된 템플릿 리터럴을 사용하면 백틱(`)을 사용하여 문자열 내에 변수를 포함할 수 있습니다. 예:

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

  또한 str은 "horseThumb_42"와 같습니다.

• 템플릿 리터럴을 사용한 요소 검색:

  문자열을 요소 ID와 연결할 때 템플릿 리터럴을 사용하여 요소를 직접 검색할 수 있습니다. 예:

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

  ID가 "horseThumb_42"인 요소를 검색합니다.

  예제 코드:

  제공된 AddBorder 함수 사용 질문에서 연산자를 사용하여 문자열 연결을 보여줄 수 있습니다.

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

  이 코드는 ID가 "horseThumb_"인 요소에 className을 올바르게 할당합니다.

  디버깅 팁:

  코드가 올바르게 작동하지 않는 경우 다음과 같은 디버깅 문을 추가해 보세요.

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

  이렇게 하면 문제가 어디에 있는지 식별하는 데 도움이 됩니다. 요소가 존재하는지, DOM이 준비되기 전에 코드가 실행되고 있는지 여부를 전달합니다.

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