자바스크립트에서 값을 문자열로 변환하는 방법

변환 방법: 1. 빈 문자열과 결합된 "+" 연산자를 사용합니다. 구문은 "value+''"입니다. 2. 템플릿 문자열, 구문 "${value}"을 사용합니다. 3. "JSON. stringify(value )" 문을 사용합니다. 4. "value.toString()" 문을 사용합니다. 5. "String(value)" 문을 사용합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에서 값을 문자열로 변환하는 5가지 방법

const value = 12345;
// Concat Empty String
value + '';
// Template Strings
`${value}`;
// JSON.stringify
JSON.stringify(value);
// toString()
value.toString();
// String()
String(value);
// RESULT
// '12345'

5가지 방법 비교

자, 5가지 방법을 다른 값으로 테스트해 보겠습니다. 테스트하려는 변수는 다음과 같습니다.

const string = "hello";
const number = 123;
const boolean = true;
const array = [1, "2", 3];
const object = {one: 1 };
const symbolValue = Symbol('123');
const undefinedValue = undefined;
const nullValue = null;

"+" 연산자를 사용하여 빈 문자열과 결합

string + ''; // 'hello'
number + ''; // '123'
boolean + ''; // 'true'
array + ''; // '1,2,3'
object + ''; // '[object Object]'
undefinedValue + ''; // 'undefined'
nullValue + ''; // 'null'
// ⚠️
symbolValue + ''; // ❌ TypeError

여기에서 값이 기호인 경우 이 메서드가 TypeError를 발생시키는 것을 볼 수 있습니다. 그렇지 않으면 모든 것이 좋아 보입니다.

템플릿 문자열

`${string}`; // 'hello'
`${number}`; // '123'
`${boolean}`; // 'true'
`${array}`; // '1,2,3'
`${object}`; // '[object Object]'
`${undefinedValue}`; // 'undefined'
`${nullValue}`; // 'null'
// ⚠️
`${symbolValue}`; // ❌ TypeError

템플릿 문자열을 사용한 결과는 기본적으로 빈 문자열과 결합한 것과 같습니다. 다시 말하지만, 이는 TypeError를 발생시키기 때문에 Symbol을 처리하는 이상적인 방법이 아닐 수 있습니다.

궁금하신 경우 TypeError: TypeError: Cannot Convert a Symbol value to a string

JSON.stringify()

JSON.stringify(string); // '"hello"'
JSON.stringify(number); // '123'
JSON.stringify(boolean); // 'true'
JSON.stringify(array); // '[1,"2",3]'
JSON.stringify(object); // '{"one":1}'
JSON.stringify(nullValue); // 'null'
JSON.stringify(symbolValue); // undefined
JSON.stringify(undefinedValue); // undefined

따라서 일반적으로 JSON.stringify를 사용하여 값을 변환하지 않습니다. 문자열로. 그리고 여기서는 실제로 어떤 강제도 일어나지 않습니다. 따라서 사용 가능한 모든 도구를 알고 있습니다. 그러면 케이스별로 사용하기보다는 어떤 도구를 사용할지 결정할 수 있습니다.

주의를 기울이지 않았을 수도 있기 때문에 한 가지 지적하고 싶은 것이 있습니다. 실제 문자열 값에 사용하면 따옴표 붙은 문자열로 변경됩니다.

.toString()

string.toString(); // 'hello'
number.toString(); // '123'
boolean.toString(); // 'true'
array.toString(); // '1,2,3'
object.toString(); // '[object Object]'
symbolValue.toString(); // 'Symbol(123)'
// ⚠️
undefinedValue.toString(); // ❌ TypeError
nullValue.toString(); // ❌ TypeError

따라서 값을 문자열로 변환하려는 경우 PK는 실제로 toString()과 String() 사이에 있습니다. 정의되지 않음 및 null에 대해 오류가 발생한다는 점을 제외하면 모든 것이 잘 작동합니다. 그러니 이 점에 꼭 주의하세요.

String()

String(string); // 'hello'
String(number); // '123'
String(boolean); // 'true'
String(array); // '1,2,3'
String(object); // '[object Object]'
String(symbolValue); // 'Symbol(123)'
String(undefinedValue); // 'undefined'
String(nullValue); // 'null'

글쎄, 우리가 승자를 찾은 것 같아요

보시다시피 String()은 null과 undefine을 꽤 잘 처리합니다. 원하는 것이 아니라면 오류가 발생하지 않습니다. 일반적으로 내 조언을 명심하십시오. 자신의 응용 프로그램을 가장 잘 알 수 있으므로 상황에 가장 적합한 것을 선택해야 합니다.

결론: String()

다양한 메서드가 다양한 유형의 값을 처리하는 방법을 설명한 후입니다. 차이점을 이해하고 다음에 코드 작업을 할 때 어떤 도구를 사용할지 알게 되기를 바랍니다. 확실하지 않다면 String()이 항상 좋은 기본 선택입니다

[권장 학습: javascript 고급 튜토리얼]

위 내용은 자바스크립트에서 값을 문자열로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!