> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 일반 문자열을 템플릿 문자열로 쉽게 변환하려면 어떻게 해야 합니까?

JavaScript에서 일반 문자열을 템플릿 문자열로 쉽게 변환하려면 어떻게 해야 합니까?

Patricia Arquette
풀어 주다: 2024-11-27 07:41:09
원래의
819명이 탐색했습니다.

How Can I Easily Convert a Regular String to a Template String in JavaScript?

JavaScript의 일반 문자열에서 템플릿 문자열 생성

질문이 생깁니다. 일반 문자열을 템플릿 문자열로 쉽게 변환할 수 있습니까?

다음 사항을 고려하십시오.

let a = "b:${b}";
로그인 후 복사

이것을 템플릿 문자열로 변환하고 싶습니다:

let b = 10;
console.log(a.template()); // b:10
로그인 후 복사

평가 또는 유사한 동적 코드 생성 방법에 의존하지 않고 이를 달성하려면 ES6에서 간단한 해결책이 있습니다.

String.prototype.interpolate = function(params) {
  const names = Object.keys(params);
  const vals = Object.values(params);
  return new Function(...names, `return \`${this}\`;`)(...vals);
}
로그인 후 복사

이 방법을 사용하면 장소를 활용하면 간단해집니다.

const template = 'Example text: ${text}';
const result = template.interpolate({
  text: 'Foo Boo'
});
console.log(result);
로그인 후 복사

위 내용은 JavaScript에서 일반 문자열을 템플릿 문자열로 쉽게 변환하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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