최신 웹 개발 튜토리얼
 

JavaScript형식 변환

❮ 이전 다음 장 ❯

Number() 숫자로 변환, String() 문자열로 변환, Boolean() 부울로 변환합니다.

자바 스크립트 데이터 형식

자바 스크립트에서 값을 포함 할 수있는 5 가지 데이터 유형이 있습니다 :

  • string
  • number
  • boolean
  • object
  • function

객체의 3 종류가 있습니다 :

  • Object
  • Date
  • Array

그리고이 데이터 형식은 값을 포함 할 수있다 :

  • null
  • undefined

typeof 연산자

사용자는 사용 typeof 자바 스크립트 변수의 데이터 타입을 찾는 연산자.

예

typeof "John"                 // Returns string
typeof 3.14                   // Returns number
typeof NaN                    // Returns number
typeof false                  // Returns boolean
typeof [1,2,3,4]              // Returns object
typeof {name:'John', age:34}  // Returns object
typeof new Date()             // Returns object
typeof function () {}         // Returns function
typeof myCar                  // Returns undefined (if myCar is not declared)
typeof null                   // Returns object
»그것을 자신을 시도

준수하십시오 :

  • 데이터 유형 NaN 개수
  • 의 데이터 유형 array 객체이다
  • (A)의 데이터 형식 date 목적
  • 의 데이터 유형 null 목적
  • 의 데이터 유형 undefined 변수는 정의되지 않습니다

당신은 사용할 수 없습니다 typeof 자바 스크립트 객체가 배열 (또는 날짜)인지 확인.

의 데이터 형식 typeof

typeof 연산자는 변수가 아닙니다. 그것은 연산자입니다. 운영자는 ( + - * / ) 모든 데이터 유형이 없습니다.

단, typeof 연산자는 항상 피연산자의 유형을 포함하는 문자열을 반환합니다.

constructor 속성

constructor 속성은 모든 자바 스크립트 변수의 생성자 함수를 반환합니다.

예

"John".constructor                 // Returns function String()  { [native code] }
(3.14).constructor                 // Returns function Number()  { [native code] }
false.constructor                  // Returns function Boolean() { [native code] }
[1,2,3,4].constructor              // Returns function Array()   { [native code] }
{name:'John', age:34}.constructor  // Returns function Object()  { [native code] }
new Date().constructor             // Returns function Date()    { [native code] }
function () {}.constructor         // Returns function Function(){ [native code] }
»그것을 자신을 시도

당신은 객체가 배열이 (단어가 포함되어 있는지 알아 생성자 속성을 확인할 수 있습니다 "Array" )

예

function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -1;
}
»그것을 자신을 시도

당신은 객체가 날짜 (단어가 포함되어 있는지 알아 생성자 속성을 확인할 수 있습니다 "Date" )

예

function isDate(myDate) {
    return myDate.constructor.toString().indexOf("Date") > -1;
}
»그것을 자신을 시도

자바 스크립트 형식 변환

자바 스크립트 변수는 새로운 변수와 다른 데이터 형식으로 변환 될 수있다 :

  • 자바 스크립트 함수를 사용하여
  • 자동으로 자바 스크립트 자체

문자열을 숫자로 변환

글로벌 메소드 String() 문자열을 숫자로 변환 할 수 있습니다.

이것은 숫자, 리터럴 변수 또는 표현의 어떤 유형에 사용될 수있다 :

예

String(x)         // returns a string from a number variable x
String(123)       // returns a string from a number literal 123
String(100 + 23)  // returns a string from a number from an expression
»그것을 자신을 시도

넘버 방법 toString() 동일한 작업을 수행합니다.

예

x.toString()
(123).toString()
(100 + 23).toString()
»그것을 자신을 시도

장에서 번호 방법 , 당신은 문자열을 숫자로 변환하는 데 사용할 수있는 더 많은 방법을 찾을 수 있습니다 :

방법 기술
toExponential() 둥근 지수 표기법을 사용하여 작성된 숫자로, 문자열을 반환합니다.
toFixed() 소수의 지정된 번호로 반올림 및 서면 숫자로, 문자열을 반환합니다.
toPrecision() 지정된 길이로 작성된 숫자로, 문자열을 반환

문자열에 부울 변환

글로벌 메소드 String() 문자열로 논리 값을 변환 할 수 있습니다.

String(false)        // returns "false"
String(true)         // returns "true"

부울 방법 toString() 동일한 작업을 수행합니다.

false.toString()     // returns "false"
true.toString()      // returns "true"

문자열로 날짜 변환

글로벌 메소드 String() 문자열로 날짜를 변환 할 수 있습니다.

String(Date())      // returns Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

날짜 방법 toString() 동일한 작업을 수행합니다.

예

Date().toString()   // returns Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

장에서 날짜 방법 , 당신은 문자열로 날짜를 변환하는 데 사용할 수있는 더 많은 방법을 찾을 수 있습니다 :

방법 기술
getDate() 숫자로 (31)에 하루를 가져옵니다
getDay() 요일을 (0-6) 수를 가져옵니다
getFullYear() 네 자리 연도 (YYYY)를 가져옵니다
getHours() (0-23)를 시간을 가져옵니다
getMilliseconds() 밀리 초 (0-999)를 가져옵니다
getMinutes() 분 (0-59)를 가져옵니다
getMonth() (0-11)를 월을 받기
getSeconds() 초 (0-59)를 가져옵니다
getTime() (1970 년 1 월 1 일 이후 밀리 초) 시간을 가져옵니다

숫자를 문자열로 변환

글로벌 방법의 Number() 숫자로 문자열을 변환 할 수 있습니다.

숫자가 포함 된 문자열은 (같은 "3.14" ) 숫자 (3.14 등)을 변환합니다.

빈 문자열은 0으로 변환합니다.

다른 건로 변환 NaN (숫자).

Number("3.14")    // returns 3.14
Number(" ")       // returns 0
Number("")        // returns 0
Number("99 88")   // returns NaN

장에서 번호 방법 , 당신은 숫자로 문자열을 변환하는 데 사용할 수있는 더 많은 방법을 찾을 수 있습니다 :

방법 기술
parseFloat() 문자열을 구문 분석하고 부동 소수점 수를 반환
parseInt() 문자열을 구문 분석하고 정수를 반환

단항 + 운영자

단항 + 오퍼레이터는 번호의 변수를 변환 할 수있다 :

예

var y = "5";      // y is a string
var x = + y;      // x is a number
»그것을 자신을 시도

가변 변환 할 수없는 경우가 있지만 여전히 값 NaN (숫자)를 숫자가 될 것이다 :

예

var y = "John";   // y is a string
var x = + y;      // x is a number (NaN)
»그것을 자신을 시도

숫자에 부울 변환

글로벌 방법의 Number() 도 번호 부울로 변환 할 수 있습니다.

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

숫자로 날짜 변환

글로벌 방법 번호는 () 숫자로 날짜를 변환 할 수 있습니다.

d = new Date();
Number(d)          // returns 1404568027739

날짜 방법 getTime() 동일한 작업을 수행합니다.

d = new Date();
d.getTime()        // returns 1404568027739

자동 타입 변환

자바 스크립트는 "잘못된"데이터 형식에서 작동하도록 시도 할 때, 그것은 "오른쪽"형식으로 값을 변환하려고합니다.

결과는 기대 항상되지 않습니다 :

5 + null    // returns 5         because null is converted to 0
"5" + null  // returns "5null"   because null is converted to "null"
"5" + 2     // returns 52        because 2 is converted to "2"
"5" - 2     // returns 3         because "5" is converted to 5
"5" * "2"   // returns 10        because "5" and "2" are converted to 5 and 2
»그것을 자신을 시도

자동 문자열 변환

자바 스크립트가 자동으로 변수의 호출 toString() 당신을 "출력"개체 또는 변수를하려고 할 때 기능 :

document.getElementById("demo").innerHTML = myVar;

// if myVar = {name:"Fjohn"}  // toString converts to "[object Object]"
// if myVar = [1,2,3,4]       // toString converts to "1,2,3,4"
// if myVar = new Date()      // toString converts to "Fri Jul 18 2014 09:08:55 GMT+0200"

숫자와 논리 값은 변환됩니다, 그러나 이것은 매우 표시되지 않습니다 :

// if myVar = 123             // toString converts to "123"
// if myVar = true            // toString converts to "true"
// if myVar = false           // toString converts to "false"

자바 스크립트 형식 변환 표

이 테이블은 숫자, 문자열 및 부울 상이한 자바 스크립트 값을 변환 한 결과를 도시한다 :

실물
값 		변환
번호에 		변환
문자열에 		변환
부울에 		시도 해봐
false0"false"false 시도 해봐 "
true1"true"true 시도 해봐 "
00"0"false 시도 해봐 "
11"1"true 시도 해봐 "
"0"0"0"true 시도 해봐 "
"1"1"1"true 시도 해봐 "
NaNNaN"NaN"false 시도 해봐 "
InfinityInfinity"Infinity"true 시도 해봐 "
-Infinity-Infinity"-Infinity"true 시도 해봐 "
""0""false 시도 해봐 "
"20"20"20"true 시도 해봐 "
"twenty"NaN"twenty"true 시도 해봐 "
[ ]0""true 시도 해봐 "
[20]20"20"true 시도 해봐 "
[10,20]NaN"10,20"true 시도 해봐 "
["twenty"]NaN"twenty"true 시도 해봐 "
["ten","twenty"]NaN"ten,twenty"true 시도 해봐 "
function(){}NaN"function(){}"true 시도 해봐 "
{ }NaN"[object Object]"true 시도 해봐 "
null0"null"false 시도 해봐 "
undefinedNaN"undefined"false 시도 해봐 "

따옴표 값은 문자열 값을 나타냅니다.

레드 값은 값이 (일부) 프로그래머가 기대되지 않을 수 있습니다 나타냅니다.


❮ 이전 다음 장 ❯