웹 프론트엔드 JS 튜토리얼 JavaScript의 데이터 유형 변환 이해

JavaScript의 데이터 유형 변환 이해

Oct 19, 2020 pm 05:50 PM
javascript 데이터 유형 변환

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 Dec 17, 2023 pm 02:54 PM

WebSocket 및 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 소개: 지속적인 기술 개발로 음성 인식 기술은 인공 지능 분야의 중요한 부분이 되었습니다. WebSocket과 JavaScript를 기반으로 한 온라인 음성 인식 시스템은 낮은 대기 시간, 실시간, 크로스 플랫폼이라는 특징을 갖고 있으며 널리 사용되는 솔루션이 되었습니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법을 소개합니다.

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 Dec 17, 2023 pm 05:30 PM

WebSocket과 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 서론: 인터넷 기술의 급속한 발전과 함께 실시간 모니터링 시스템이 다양한 분야에서 널리 활용되고 있다. 실시간 모니터링을 구현하는 핵심 기술 중 하나는 WebSocket과 JavaScript의 조합입니다. 이 기사에서는 실시간 모니터링 시스템에서 WebSocket 및 JavaScript의 적용을 소개하고 코드 예제를 제공하며 구현 원칙을 자세히 설명합니다. 1. 웹소켓 기술

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 Dec 17, 2023 am 09:39 AM

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 오늘날의 디지털 시대에는 점점 더 많은 기업과 서비스에서 온라인 예약 기능을 제공해야 합니다. 효율적인 실시간 온라인 예약 시스템을 구현하는 것이 중요합니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. WebSocket이란 무엇입니까? WebSocket은 단일 TCP 연결의 전이중 방식입니다.

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 Dec 17, 2023 pm 12:09 PM

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 소개: 인터넷의 대중화와 기술의 발전으로 점점 더 많은 레스토랑에서 온라인 주문 서비스를 제공하기 시작했습니다. 실시간 온라인 주문 시스템을 구현하기 위해 JavaScript 및 WebSocket 기술을 사용할 수 있습니다. WebSocket은 TCP 프로토콜을 기반으로 하는 전이중 통신 프로토콜로 클라이언트와 서버 간의 실시간 양방향 통신을 실현할 수 있습니다. 실시간 온라인 주문 시스템에서는 사용자가 요리를 선택하고 주문을 하면

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 Jan 05, 2024 pm 06:08 PM

JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 Dec 17, 2023 pm 05:13 PM

JavaScript 및 WebSocket: 효율적인 실시간 일기 예보 시스템 구축 소개: 오늘날 일기 예보의 정확성은 일상 생활과 의사 결정에 매우 중요합니다. 기술이 발전함에 따라 우리는 날씨 데이터를 실시간으로 획득함으로써 보다 정확하고 신뢰할 수 있는 일기예보를 제공할 수 있습니다. 이 기사에서는 JavaScript 및 WebSocket 기술을 사용하여 효율적인 실시간 일기 예보 시스템을 구축하는 방법을 알아봅니다. 이 문서에서는 특정 코드 예제를 통해 구현 프로세스를 보여줍니다. 우리

JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법 JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법 Jan 05, 2024 pm 01:37 PM

JavaScript에서 HTTP 상태 코드를 얻는 방법 소개: 프런트 엔드 개발에서 우리는 종종 백엔드 인터페이스와의 상호 작용을 처리해야 하며 HTTP 상태 코드는 매우 중요한 부분입니다. HTTP 상태 코드를 이해하고 얻는 것은 인터페이스에서 반환된 데이터를 더 잘 처리하는 데 도움이 됩니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. HTTP 상태 코드란 무엇입니까? HTTP 상태 코드는 브라우저가 서버에 요청을 시작할 때 서비스가

PHP8 데이터 유형 변환: 변환 효율성을 향상시키는 방법 및 사례 공유 PHP8 데이터 유형 변환: 변환 효율성을 향상시키는 방법 및 사례 공유 Jan 05, 2024 am 09:01 AM

PHP8 데이터 유형 변환: 효율적인 변환 방법 및 대소문자 공유 소개: 데이터 유형 변환은 프로그래밍, 특히 사용자 입력 처리, 데이터 저장 및 출력과 같은 시나리오에서 매우 일반적인 작업입니다. PHP8에서는 데이터 유형 변환 작업이 더 효율적이고 유연합니다. 이 기사에서는 PHP8에서 일반적으로 사용되는 데이터 유형 변환 방법을 소개하고 특정 코드 예제를 통해 실제 응용 프로그램을 보여줍니다. 기본 데이터 유형 변환 1.1 문자열을 정수로 변환 PHP8에서는 (int), intval(),

See all articles