정보실

웹학교

정보실

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



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

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

웹학교