JavaScript (3)

Type Conversion(타입변환)

• JavaScript 변수는 새 변수나 다른 유형으로 변환될 수 있음

• 함수를 사용하거나 자체적으로 변환

---

Variable → String

String(333)	// "333"
String(true)	// "true"
(333).toString	// "333"
false.toString	// "false"

# 지수 표기법
(3.33).toExponential(1)	// "3.3e+0"
(3.33).toExponential(2)	// "3.33e+0"

# 지정된 소수점 자리까지 반올림하여 문자열 반환
(3.33).toFixed(0)	// "3"
(3.33).toFixed(1)	// "3.3"

# 지정한 길이만큼 문자열로 반환
(3.33).toPrecision()	// "3.33"
(3.33).toPrecision(1)	// "3"
(3.33).toPrecision(2)	// "3.3"

# 날짜
String(Date());
Date().toString();

 

날짜 Method

Method	설명
getDate()	1 ~ 31일
getDay()	0 ~ 6
getFullYear()	4자리 연도
getHours()	0 ~23
getMilliseconds()	0 ~ 999
getMinutes()	0 ~ 59
getMonth()	0 ~ 11
getSeconds()	0 ~ 59
getTime()	1970년 1월 1일 이후 밀리초

---

Variable → Number 

 

Number("")		// 0
Number("333")		// 333
Number(true)		// 1
Number(false)		// 0
Number(" 333")		// 333
Number("333 ")		// 333
Number("3.33")		// 3.33
Number("3,33")		// NaN
Number("3 33")		// NaN
Number("String")	// NaN

# 정수 반환 
parseInt("333");		// 333    
parseInt("3.33");		// 3
parseInt("3 33");		// 3
parseInt("third 333");		// NaN
parseInt("333 third");		// 333

# 숫자 반환
parseFloat("333");		// 333
parseFloat("3.33");		// 3.33
parseFloat("3 33");		// 3
parseFloat("third 333");	// NaN
parseFloat("333 third");	// 333

# 날짜(1970년 1월 1일 이후의 밀리초를 반환)
Number(new Date("2017-09-30"));    // returns 1506729600000

---

typeof

• JavaScript 변수의 데이터 유형을 확인

• typeof는 연산자이고, 연산자는 데이터 유형이 없음

• typeof로 확인할 수 있는 유형은 'string', 'number', 'booleand', 'function', 'object', 'undefined'

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" *
typeof null                   // Returns "object"

---

Constructor

• JavaScript 변수에 대한 함수를 반환

"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]}

# 함수 확인
var order = ["first", "second", "third"];

document.getElementById("demo").innerHTML = ckOrder(order);

function ckOrder(ckfunction) {
  return ckfunction.constructor.toString().indexOf("Array") > -1;
}
// true
// indexOf는 해당 값이 위치한 index값을 반환하고 없는 경우 -1을 반환

또는

var order = ["first", "second", "third"];

document.getElementById("demo").innerHTML = ckOrder(order);

function ckOrder(ckfunction) {
  return ckfunction.constructor === Array;
}
// true