20.12.10-14일차

🥺Type Conversion(형변환)

😣Data Types
👉값을 포함할 수 있는 데이터 유형

• string
• number
• boolean
• object
• function

👉객체

• Object
• Date
• Array
• String
• Number
• Boolean

👉값을 포함할 수 없는 데이터 유형

• null
• undefined

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

😣Number -> String 변환

• String()

String(x)
String(123) 
String(100 + 23)

• toString()

x.toString()
(123).toString()
(100 + 23).toString()

😣Boolean -> String

• String()

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

• toString()

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

😣Date -> String

• 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)"

😣String -> Number

• Number()

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

😣단항 + 연산자

ex)
var y = "5";      // y is a string
var x = + y;      // x is a number
ex)
var y = "John";   // y is a string
var x = + y;      // x is a number (NaN)

😣Boolean -> Number

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

😣유형 변환 표

JS - 유형변환표
맨 아래쪽으로 내리면 있음!

🥺 RegExp

😣Syntax
/정규식 패턴조합/ 옵션(생략가능. 필요하면 씀)
ex)
var patt = /w3schools/i;

• /w3schools/i 는 정규식
• w3schools 는 패턴(검색에 사용됨)
• i 는 modifier(옵션)

😣search()
문자열을 사용하여 문자열에서 "단어"를 검색

ex)
var str = "Visit W3Schools!";
var n = str.search("W3Schools");

😣replace()
지정된 값을 문자열의 다른 값으로 바꿈

ex)
var str = "Visit Microsoft!";
var res = str.replace("Microsoft", "W3Schools");
결과
Visit W3Schools!

😣modifier
i : 대소문자 구분하지않고 찾겠다
g : 찾으려는 단어를 모두 찾겠다
m : 줄바꿈이 있어도 찾겠다

😣정규식 패턴
👉Expression 대괄호
[문자...] : 대괄호 안에 문자 1개만 특정위치에 사용가능
[^문자] : 열거된 문자들을 제외한 모든 문자 출력

👉Metacharacter

\d 는 숫자를 찾는다
\s 는 공백을 찾는다
\b 는 
ex1)
var str = "HELLO, LOOK AT YOU!"; 
var patt1 = /\bLO/;
결과 7. L따로 O따로 각각 찾는다
ex2)
var str = "HELLO, LOOK AT YOU!"; 
var patt1 = /LO\b/;
결과 3. LO를 찾는다.
(\b 위치에 따라 달라짐)

😣Quantifier

패턴 빈도 가능

• 문자+ : 문자 1개 이상
• 문자* : 문자0개 or 문자여러개
• 문자? : 문자0개 or 문자1개

😣test()
문자열에 패턴을 검색하고 결과에 따라 true 또는 false를 반환

ex)
var patt = /e/;
patt.test("The best things in life are free!");
결과: true (e가 있으므로)

😣exec()
문자열에서 지정된 패턴을 검색하고 찾은 텍스트를 객체로 반환(일치하는 항목이 없으면 빈(null) 반환

/e/.exec("The best things in life are free!");

🥺Errors

• 예외(Exception) : 프로그램이 실행도중 에러가 발생이되었을 때를 가리키는 의미
• 예외처리 : 프로그램 실행도중 에러가 발생이 되면, 보통 프로그램은 강제적인 종료가 발생이된다. 강제적인 종료를 막고, 순차적인 진행이 되도록 처리하는 의미

😣try and catch

try {
  Block of code to try
}
catch(err) {
  Block of code to handle errors
}

😣throw
사용자 지정 오류를 만들 수 있다.
예외를 throw할 수 있다.

 try {
    if(x == "") throw "empty";
    if(isNaN(x)) throw "not a number";
    x = Number(x);
    if(x < 5) throw "too low";
    if(x > 10) throw "too high";
  }
  catch(err) {
    message.innerHTML = "Input is " + err;
  }

🥺참고

w3schools-JS