이 게시물에서는 모든 종류의 값을 문자열로 변환하는 4가지 다른 좋은 방법과 나쁜 방법을 살펴보겠습니다.

변환할 값은 다음과 같습니다.

console.log(typeof 1);
//number
console.log(typeof true)
//boolean
console.log(typeof null)
//object
console.log(typeof undefined)
//undefined
console.log(Array.isArray([1,2,3]))
//true
console.log(typeof { msg: 'Hi' })
//object
console.log(typeof Symbol('id'));
//symbol

String 내장 함수 사용하기

String내장 함수는 문자열로 값을 변환 할 수 있습니다. 기본 유형을 문자열로 변환하는 가장 좋은 옵션입니다.

String(1)
//'1'
String(true)
//'true'
String(null)
//'null'
String(undefined)
//'undefined'
String([1,2,3])
//'1,2,3'
String({ msg: 'Hi'})
//'[object Object]'
String(Symbol('id'))
//'Symbol(id)'

템플릿 문자열 사용

템플릿 문자열은 포함된 표현식을 허용합니다. 이러한 표현식은 문자열로 변환됩니다. 아래의 예를 확인하십시오.

`${1}`
//'1'
`${true}`
//'true'
`${null}`
//'null'
`${undefined}`
//'undefined'
`${[1,2,3]}`
//'1,2,3'
`${{ msg: 'Hi'}}`
//'[object Object]'

`${Symbol('id')}`
//Cannot convert a Symbol value to a string

JavaScript에서 모든 객체는 Object.prototype. 즉, 를 포함하여 해당 개체에 저장된 메서드에 모두 액세스할 수 있습니다 toString.

다음은 toString객체 또는 배열 을 호출한 결과입니다 .

[1,2,3].toString()
//'1,2,3'
{ msg: 'Hi'}.toString()
//'[object Object]'

const prototype = {
  toString(){
    return JSON.stringify(this);
  }
}
const obj = Object.create(prototype);
obj.msg = 'Hi';
console.log(obj.toString());
//''{"msg":"Hi"}''

toString숫자 및 부울과 같은 기본 요소에 대해 메서드를 호출할 수 있다는 점은 흥미롭습니다 . 아래 코드를 확인하세요.

(1).toString()
//'1'
true.toString()
//'true'
Symbol('id').toString()
//'Symbol(id)'

null및 undefinedJavaScript를 제외한 모든 기본 요소에 대해 Number또는 와 같은 래퍼 기능이 내장되어 Boolean있습니다. 이 함수 생성자를 사용하여 개체를 만든 다음 toString새로 만든 개체 에서 메서드 를 호출 합니다. 뒤에서 다음과 같은 일이 발생합니다.

new Number(1).toString()

null.toString()
//Cannot read property 'toString' of null
undefined.toString()
//Cannot read property 'toString' of undefined

문자열로 변환하는 마지막 옵션은 문자열 연결을 수행하는 것입니다. 다음 예를 확인하십시오.

'' + 1
//'1'
'' + true
//'true'
'' + null
//'null'
'' + undefined
//'undefined'
'' + [1,2,3]
//'1,2,3'
'' + { msg: 'Hi'}
//'[object Object]'

다음은 숫자를 추가하는 대신 연결을 수행할 때 발생하는 일입니다.

1 + '2'
//'12'

console.log('' + Symbol('id'))
//Cannot convert a Symbol value to a string

이것이 내가 문자열 변환과 관련하여 공유하고 싶은 전부입니다. 읽어 주셔서 감사합니다.