> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript의 유형 변환에 대한 자세한 내용

JavaScript의 유형 변환에 대한 자세한 내용

PHPz
풀어 주다: 2023-04-23 19:49:34
원래의
670명이 탐색했습니다.

JavaScript는 다양한 데이터 유형을 지원하는 매우 유연한 프로그래밍 언어입니다. 모든 유형 변환(모든 유형 변환)은 JavaScript에서 자주 발생하는 문제 중 하나입니다.

JavaScript의 데이터 유형은 기본 유형과 객체 유형으로 나눌 수 있습니다. 기본 유형에는 숫자, 문자열, 부울 값, null 및 정의되지 않음이 포함되며 객체 유형에는 Object, Function, Array 등이 있습니다.

모든 유형의 데이터는 유형 변환 규칙을 사용하여 다른 유형의 데이터로 변환될 수 있습니다. 이 변환 프로세스 중에는 특정 변환 규칙을 따라야 합니다.

아래에서는 JavaScript에서의 유형 변환에 대해 자세히 소개합니다.

명시적 유형 변환

JavaScript는 모든 유형의 데이터를 다른 유형의 데이터로 변환할 수 있는 몇 가지 내장 함수를 제공합니다. 이러한 함수는 아래와 같이 일반 함수처럼 사용할 수 있습니다.

// 将数字转换为字符串
var num = 123;
var str = num.toString(); // str 将会是 "123"

// 将字符串转换为数字
var str = "123";
var num = Number(str); // num 将会是 123

// 将字符串转换为布尔值
var str = "123";
var bool = Boolean(str); // bool 将会是 true
로그인 후 복사

이 함수에서는 toString(), Number() 및 Boolean()이 명시적인 유형 변환에 사용됩니다.

JavaScript에서는 캐스트 연산자(예: +, -, ++, -- 등)를 사용하여 명시적인 유형 변환을 수행할 수도 있습니다.

명시적인 유형 변환을 수행할 때 다음 사항에 주의해야 합니다.

  • 숫자와 문자열이 추가되면 JavaScript는 자동으로 숫자를 문자열로 변환한 다음 문자열 연결을 수행합니다. 샘플 코드는 다음과 같습니다.
var num = 123;
var str = "456";
var result = num + str; // result 将会是 "123456"
로그인 후 복사
  • 문자열과 부울 값이 추가되면 JavaScript는 부울 값을 숫자로 변환한 후 추가합니다. 샘플 코드는 다음과 같습니다.
var str = "123";
var bool = true;
var result = str + bool; // result 将会是 "123true"
로그인 후 복사
  • 부울 값이 숫자에 추가되면 JavaScript는 부울 값을 숫자로 변환한 후 추가합니다. 샘플 코드는 다음과 같습니다.
var num = 123;
var bool = true;
var result = num + bool; // result 将会是 124
로그인 후 복사

암시적 유형 변환

JavaScript에서 일부 연산자와 함수는 암시적으로 한 데이터 유형을 다른 데이터 유형으로 변환합니다.

문자열과 숫자의 암시적 유형 변환

문자열과 숫자를 비교하거나 연산할 때 JavaScript는 자동으로 문자열을 숫자로 변환한 후 비교 또는 연산을 수행합니다. 샘플 코드는 다음과 같습니다.

var str = "123";
var num = 456;
var result1 = str + num; // result1 将会是 "123456"
var result2 = num + str; // result2 将会是 "456123"
로그인 후 복사

위 코드에서 + 기호를 사용하면 문자열을 이어붙이거나 숫자를 더할 수 있습니다. 문자열과 숫자의 연산으로 인해 JavaScript는 자동으로 문자열을 숫자로 변환하므로 최종 결과는 다음과 같습니다. 문자열입니다.

부울 값의 암시적 유형 변환

JavaScript에서는 부울 값이 비교 또는 연산에 참여할 때 부울 값이 비교 또는 연산을 위해 자동으로 숫자 유형으로 변환됩니다. True는 1로, False는 0으로 변합니다. 샘플 코드는 다음과 같습니다.

var num = 5;
var bool1 = num == true; // bool1 将会是 false
var bool2 = num == false; // bool2 将会是 false
var bool3 = num > false; // bool3 将会是 true
로그인 후 복사

자동 유형 변환

JavaScript에서는 일부 작업이 자동으로 유형 변환을 트리거합니다.

JavaScript에서는 if, for, while 등의 부울이 아닌 모든 유형이 자동으로 유형 변환을 트리거합니다.

아래 예를 들어보겠습니다.

if 문의 자동 유형 변환

JavaScript에서 if 문의 부울이 아닌 유형은 자동으로 유형 변환을 실행합니다. Boolean이 아닌 유형이 조건으로 사용되는 경우 JavaScript는 Boolean() 함수를 호출하여 이를 Boolean 값 유형으로 변환합니다.

다음 예에서는 if 문의 부울이 아닌 유형을 부울 유형으로 변환하는 방법을 보여줍니다.

if (null) {
    console.log("null is true");
} else {
    console.log("null is false");
}

if (undefined) {
    console.log("undefined is true");
} else {
    console.log("undefined is false");
}

if (0) {
    console.log("0 is true");
} else {
    console.log("0 is false");
}

if ("") {
    console.log("'' is true");
} else {
    console.log("'' is false");
}
로그인 후 복사

출력 결과는 다음과 같습니다.

null is false
undefined is false
0 is false
'' is false
로그인 후 복사

위 출력 결과에서 알 수 있듯이 if에서 부울이 아닌 유형을 사용한 경우 명령문을 부울 유형으로 변환한 후 판단해야 합니다.

for 루프의 자동 유형 변환

JavaScript에서 for 루프의 부울이 아닌 유형은 자동으로 유형 변환을 트리거합니다. 부울이 아닌 유형이 for 루프의 조건으로 사용되면 JavaScript는 Boolean() 함수를 호출하여 이를 부울 값 유형으로 변환합니다.

다음 예에서는 for 루프에서 부울이 아닌 유형을 부울 유형으로 변환하는 방법을 보여줍니다.

for(var i=0; i<=10; i++) {
    if(i) {
        console.log(i);
    }
}
로그인 후 복사

출력 결과는 다음과 같습니다.

1
2
3
4
5
6
7
8
9
10
로그인 후 복사

위 출력 결과에서 볼 수 있듯이 for 루프에서는 부울이 아닌 유형도 변환할 수 있습니다. Boolean 유형으로 판단됩니다.

while 루프의 자동 유형 변환

JavaScript에서 while 루프의 부울이 아닌 유형은 자동으로 유형 변환을 트리거합니다. 부울이 아닌 유형이 while 루프의 조건으로 사용되면 JavaScript는 Boolean() 함수를 호출하여 이를 부울 값 유형으로 변환합니다.

다음 예에서는 while 루프에서 부울이 아닌 유형을 부울 유형으로 변환하는 방법을 보여줍니다.

var i = 0;
while(i < 10) {
    i++;
    if(i%2) {
        console.log(i + "是奇数");
    } else {
        console.log(i + "是偶数");
    }
}
로그인 후 복사

출력 결과는 다음과 같습니다.

1是奇数
2是偶数
3是奇数
4是偶数
5是奇数
6是偶数
7是奇数
8是偶数
9是奇数
10是偶数
로그인 후 복사

위의 출력 결과에서 볼 수 있듯이 while 루프에서 부울이 아닌 유형은 다음과 같습니다. 또한 Boolean 유형으로 변환한 다음 판단합니다.

요약

JavaScript에서 모든 유형 변환은 특정 규칙을 따라야 합니다. 유형 변환 과정에서 다음과 같은 몇 가지 핵심 사항에 주의를 기울여야 합니다.

  • JavaScript의 데이터 유형에는 기본 유형과 객체 유형이 포함됩니다.
  • 명시적 유형 변환은 유형 변환 함수 또는 캐스트 연산자를 사용할 수 있습니다.
  • 암시적 유형 변환은 JavaScript의 일반적인 유형 변환 방법입니다.
  • 자동 유형 변환은 if, for, while 및 기타 문의 부울 유형은 자동으로 유형 변환을 트리거합니다.
  • 유형 변환을 수행할 때 코드의 정확성을 보장하기 위해 유형 변환 규칙에 주의해야 합니다.

위 내용은 JavaScript의 모든 유형 변환에 대한 자세한 소개입니다. 도움이 되기를 바랍니다.

위 내용은 JavaScript의 유형 변환에 대한 자세한 내용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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