JavaScript의 데이터 유형 변환 이해

JavaScript에서 데이터 유형은 특정 유형의 데이터를 분류하고 해당 유형에 할당할 수 있는 값과 수행할 수 있는 작업을 결정하는 데 사용됩니다.

JavaScript는 유형 강제로 인해 많은 값을 자동으로 변환하지만, 원하는 결과를 얻으려면 유형 간 값을 수동으로 변환하는 것이 가장 좋은 경우가 많습니다.

이 튜토리얼은 숫자, 문자열, 부울 값을 포함한 JavaScript의 기본 데이터 유형을 변환하는 방법을 안내합니다.

암시적 변환

프로그래밍 언어인 JavaScript는 예상치 못한 값에 대한 높은 내성을 가지고 있습니다. 따라서 JavaScript는 예상치 못한 값을 완전히 거부하는 대신 변환을 시도합니다. 이러한 암시적 변환을 유형 강제 변환이라고 합니다.

일부 방법에서는 값을 사용하기 위해 자동으로 값을 변환합니다. Alert() 메소드는 문자열을 매개변수로 받아들이지만 자동으로 다른 유형을 문자열로 변환합니다. 따라서 메소드에 숫자 값을 전달할 수 있습니다:

alert(8.5);

위의 코드 줄을 실행하면 브라우저는 8.5 값을 표시하는 팝업 경고 대화 상자를 반환하지만 이는 문자열로 변환됩니다.

수학 연산자를 통해 숫자로 평가할 수 있는 문자열로 작업할 때 JavaScript는 아래 예와 같이 암시적으로 문자열을 숫자로 변환하여 이러한 값을 처리할 수 있다는 것을 알 수 있습니다.

// Subtraction
"15" - "10";

출력: 5

// Modulo
"15" % "10";

출력: 5

그러나 모든 연산자가 예상대로 작동하는 것은 아닙니다. + 연산자에는 더하기 또는 문자열 연결을 나타낼 수 있으므로 명백한 문제가 있습니다.

// When working with strings, + stands for concatenation
"2" + "3";

출력: "23"

+ 연산자는 다목적이므로 숫자 문자열임에도 불구하고 문자열 값 2와 3을 함께 더해 숫자 5가 되는 대신 문자열 값 23으로 연결됩니다.

모호함이 존재할 수 있고 때로는 예상치 못한 결과가 발생할 수 있으므로 일반적으로 코드에서 최대한 많은 데이터 유형을 명시적으로 변환하는 것이 가장 좋습니다. 이는 사용자의 입력을 관리하고 오류를 처리하는 데 도움이 됩니다.

값을 문자열로 변환

값은 String() 또는 N.ToString()을 호출하여 명시적으로 문자열로 변환할 수 있습니다.

String() 함수를 이용하여 String()의 매개변수에 true 값을 전달하여 부울 값을 문자열로 변환해 보겠습니다.

String(true);

이 작업을 수행하면 문자열 리터럴 "true"가 반환됩니다.

출력: "true"

또는 함수에 숫자를 전달할 수도 있습니다.

String(49);

는 해당 숫자의 문자열 리터럴을 반환합니다.

출력: "49"

변수와 함께 String() 함수를 사용해 보겠습니다. odyssey 변수에 숫자 값을 할당한 다음 typeof 연산자를 사용하여 유형을 확인합니다.

let odyssey = 2001;
console.log(typeof odyssey);

출력: number

이때 변수 odyssey에는 2001이라는 값이 할당되어 숫자인 것을 확인했습니다.

이제 odyssey를 해당 문자열에 다시 할당한 다음 typeof를 사용하여 변수 값이 숫자에서 문자열로 성공적으로 변환되었는지 확인하겠습니다.

odyssey = String(odyssey); // "2001"
console.log(typeof odyssey);

출력: string

위의 예에서는 데이터 유형 변환 후 odyssey가 문자열 값으로 재할당되는 것을 확인했습니다.

n.toString()도 비슷한 방식으로 사용할 수 있습니다. n을 변수로 바꿀 수 있습니다:

let blows = 400;
blows.toString();

변수 블로우는 문자열로 반환됩니다.

출력: "400"

또는 n.toString() 변수 대신 괄호 안에 값을 넣을 수 있습니다.

(1776).toString(); // returns "1776"
(false).toString(); // returns "false"
(100 + 200).toString(); // returns "300"

String() 또는 n.toString()을 사용하여 Convert Boolean 또는 숫자를 표시할 수 있습니다. 데이터 유형 값을 문자열 값으로 지정하여 코드가 예상대로 작동하는지 확인합니다.

값을 숫자로 변환

값을 숫자 데이터 유형으로 변환하는 동안 number() 메소드를 사용하겠습니다. 먼저 숫자 텍스트 문자열을 숫자로 변환하지만 부울 값도 변환할 수 있습니다.

숫자 문자열을 number() 메소드에 전달할 수 있습니다:

Number("1984");

문자열은 숫자로 변환되며 더 이상 따옴표로 묶이지 않습니다.

출력: 1984

문자열을 변수에 할당한 다음 변환할 수도 있습니다.

let dalmatians = "101";
Number(dalmatians);

출력: 101

문자열 리터럴 "101"은 해당 변수를 통해 숫자 101로 변환됩니다.

공백 또는 빈 문자열은 0으로 변환됩니다.

Number(" "); // returns 0
Number(""); // returns 0

숫자가 아닌 문자열은 NaN으로 변환됩니다. 즉, 숫자가 아님을 의미합니다. 여기에는 공백으로 구분된 숫자가 포함됩니다.

Number("twelve"); // returns NaN
Number("20,000"); // returns NaN
Number("2 3"); // returns NaN
Number("11-11-11"); // returns NaN

Boolean 데이터 유형의 경우 false 값은 0이고 true 값은 1입니다.

Number(false); // returns 0
Number(true); // returns 1

메서드의 역할은 숫자가 아닌 데이터 유형을 숫자로 변환하는 것입니다.

값을 부울로 변환

숫자나 문자열을 부울 값으로 변환하려면 Boolean() 메서드를 사용할 수 있습니다. 예를 들어, 이는 사용자가 텍스트 필드에 데이터를 입력했는지 여부를 확인하는 데 유용합니다.

숫자 0, 빈 문자열 또는 정의되지 않은 값, NaN 또는 null과 같이 null로 해석된 모든 값은 false로 변환됩니다.

Boolean(0); // returns false
Boolean(""); // returns false
Boolean(undefined); // returns false
Boolean(NaN); // returns false
Boolean(null); // returns false

공백으로 구성된 문자열 리터럴을 포함하여 다른 값은 true로 변환됩니다.

Boolean(2000); // returns true
Boolean(" "); // returns true
Boolean("Maniacs"); // returns true

문자열 리터럴인 "0"은 비어 있지 않은 문자열 값이므로 true로 변환됩니다.

Boolean("0");   // returns true

将数字和字符串转换为布尔值可以允许我们在二进制术语中计算数据，并且可以用于程序中的控制流。

相关免费学习推荐：js视频教程

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