정보실

웹학교

정보실

javascript JavaScript에서 데이터 유형을 변환하는 방법 - JavaScript guide

본문

목차​

  1. JavaScript 개발자 콘솔을 사용하는 방법
  2. HTML에 JavaScript를 추가하는 방법
  3. JavaScript에서 구문 및 코드 구조 이해
  4. JavaScript로 주석을 작성하는 방법
  5. JavaScript에서 데이터 유형 이해
  6. JavaScript에서 문자열로 작업하는 방법
  7. JavaScript에서 문자열을 인덱싱, 분할 및 조작하는 방법
  8. JavaScript에서 데이터 유형을 변환하는 방법
  9. JavaScript에서 변수, 범위 및 게양 이해
  10. 연산자를 사용하여 JavaScript에서 수학을 수행하는 방법
  11. JavaScript에서 배열 이해
  12. JavaScript에서 배열 메서드를 사용하는 방법 : Mutator 메서드
  13. JavaScript에서 배열 메서드를 사용하는 방법 : Accessor 메서드
  14. JavaScript에서 배열 메서드를 사용하는 방법 : Iteration 메서드
  15. JavaScript에서 객체 이해
  16. JavaScript에서 날짜 및 시간 이해
  17. JavaScript에서 이벤트 이해
  18. JavaScript에서 JSON으로 작업하는 방법
  19. JavaScript로 조건문을 작성하는 방법
  20. JavaScript에서 Switch 문을 사용하는 방법
  21. JavaScript에서 While 및 Do ... While 루프 사용
  22. JavaScript에서 For 루프를 생성하는 방법
  23. JavaScript에서 함수를 정의하는 방법
  24. JavaScript의 프로토 타입 및 상속 이해
  25. JavaScript에서 클래스 이해
  26. JavaScript에서 객체 메소드를 사용하는 방법
  27. JavaScript에서 This, Bind, Call 및 Apply 이해

JavaScript에서 데이터 유형을 변환하는 방법 


소개 


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


유형 강제로 인해 JavaScript는 많은 값을 자동으로 변환하지만 예상 결과를 얻기 위해 유형 간에 값을 수동으로 변환하는 것이 가장 좋습니다.


이 튜토리얼에서는 숫자, 문자열 및 부울을 포함하여 JavaScript의 기본 데이터 유형을 변환하는 과정을 안내합니다.


https://www.digitalocean.com/community/tutorials/how-to-convert-data-types-in-javascript 


암시적 변환 


프로그래밍 언어 인 JavaScript는 예상치 못한 값에 매우 관대합니다. 이 때문에 JavaScript는 예기치 않은 값을 완전히 거부하지 않고 변환하려고 시도합니다. 이 암시 적 변환을 유형 강제 변환이라고 합니다.


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

alert(8.5);

위의 행을 실행하면 브라우저는 8.5 값을 표시하는 팝업 경고 대화 상자를 반환합니다. 단,이 값은 문자열로 변환 된 것입니다. 


수학 연산자를 사용하여 숫자로 평가할 수 있는 문자열을 사용하면 아래 예제와 같이 JavaScript가 문자열을 암시 적으로 숫자로 변환하여 값을 처리 할 수 ​​있습니다.


// Subtraction
"15" - "10";
Output
5
// Modulo
"15" % "10";
Output
5

그러나 모든 운영자가 예상대로 작동하지는 않습니다. + 연산자는 추가 또는 문자열 연결을 나타낼 수 있으므로 특히 문제가 됩니다.

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

+ 연산자는 다목적이므로 숫자 문자열 임에도 불구하고 문자열 값 2와 3은 숫자 5가 되도록 합산 되지 않고 문자열 값 23에 연결됩니다.

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


값을 문자열로 변환 


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


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

String(true);

이렇게 하면 문자열 리터럴 "true"가 반환 됩니다.

String(true);

이렇게 하면 문자열 리터럴 "true"가 반환 됩니다.


String(true);

이렇게 하면 문자열 리터럴 "true"가 반환 됩니다.


Output
"true"

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

String(49);

해당 숫자의 문자열 리터럴이 반환 됩니다.

Output
"49"

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

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

이 시점에서 변수 오디세이에는 2001이라는 숫자 값이 할당되어 있으며 숫자로 확인되었습니다.


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

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

위의 예에서, 우리는 odyssey가 데이터 유형 변환 후 문자열 값과 동일하게 재 할당되었음을 확인했습니다.


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


let blows = 400;
blows.toString();

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


Output
"400"

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


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

String() 또는 n.toString()을 사용하면 부울 또는 숫자 데이터 형식의 값을 명시 적으로 문자열 값으로 변환하여 코드가 예상대로 동작하는지 확인할 수 있습니다.


값을 숫자로 변환 


값을 숫자 데이터 형식으로 변환 할 때 Number() 메서드를 사용합니다. 기본적으로 숫자 텍스트 문자열을 숫자로 변환하지만 부울 값도 변환 할 수 있습니다.


숫자 문자열을 Number() 메서드에 전달할 수 있습니다.

Number("1984");

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

Output
1984

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


let dalmatians = "101";
Number(dalmatians);
Output
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

부울 데이터 유형의 경우 false는 0으로 평가되고 true는 1로 평가됩니다.

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

Number() 메서드는 숫자가 아닌 데이터 형식을 숫자로 변환합니다.


값을 부울로 변환 


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


숫자 0, 빈 문자열 또는 정의되지 않은 값 또는 NaN 또는 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

숫자와 문자열을 부울 값으로 변환하면 이진 용어 내에서 데이터를 평가할 수 있으며 프로그램의 제어 흐름에 활용할 수 있습니다.


결론 


이 학습서에서는 JavaScript가 기본 데이터 유형의 변환을 처리하는 방법을 설명했습니다. 유형 강제로 인해 데이터 유형이 많은 경우에 암시 적으로 변환되지만 프로그램이 예상대로 작동하도록 데이터 유형을 명시 적으로 변환하는 것이 좋습니다.



페이지 정보

조회 89회 ]  작성일19-10-27 16:35

웹학교