클라이언트 사이드 프로그래밍, 세번째

클라이언트사이드

2019년 09년 16일

 

지난 번에 배웠던거 복습 !

변수 : var, let

수(number) 문자열(string) 불(boolean) undefined function object

 

강제 자료형 변환

강제 자료형 변환 함수 사용

Number() -> Number("365")-> 365 출력

Number(ture) 1 true를 1로 변환시켜준다. 1과 0으로 트루와 펄스를 구분해준다. (문자열이 들어오면 적절한 것으로 바꿔준다)

Number("ULSAN) NaN Not a Number 특징 무조건 서로 다르다 isNaN(.)으로 NaN인지 확인 [EX. NaN == NaN -> 결과 false]

 

String() 입력한 내용은 전부 문자열로 변환

Boolean() 다음 5개는 false 변환 ( 0, NaN, "", null, undefined) 이 다섯가지외엔 전부 true

 

자동 자료형 변환

수 + 문자열 -> 수가 자동으로 문자열로 변환되어 다른 문자열과 연결 수문자열 "3434" * "344" = 1181296 String("3434" * "344") -> 1181296'

- 덧셈 조심 or 조심 

 

 

배열

1. 배열의 개념, 선언 방법을 이해

2. JavaScript 배열의 특징을 이해

3. 배열(Array) 객체의 속성과 메소드를 이해하고 활용 가능

 

반복문

1. 반복문의 종류와 활용 방법을 이해 (for(잘이해하자), for in, for of, while)

2. 반복 범위를 제한할 수 있는 방법들을 이해한다. (continue(현재반복하고있는부분을넘어가고 그다음부분부터 반복), break

 

조건문

1. 조건문의 종류와 활용 방법을 이해 (if, if else, if else if, switch)

 

2. 삼항연산자 (ex)(3>4)? "ULSAN" : "BUSAN": -> ULSAN =  "ULSAN"

 

1. 배열(Array)

배열? 여러개의 자료를 한꺼번에 다룰 수 있는 자료형 

많은 자료를 순서대로 담아서 관리하는 보관 상자

! JavaScript 배열의 중요한 특징

JS의 모든 자료형이 배열에 저장 가능

number string boolean fuction undefined object

 

배열의 선언 - [] 사용

배열 자체가 객체다

let a = [10, 20, 30] -> a -> [10, 20, 30]

 

속성 : length -> 배열의 크기(배열에 저장된 배열명.length)

 

메소드 (method) 요소 추가 배열명.push(배열 뒤에 삽입) 배열명.unshift (배열 앞에 삽입)

배열명.pop 제일 (뒤에 있는 것을 제거) 배열명.shift (배열 앞에 제거) - b.push(a.pop())

 

 

사진출처 : 함께 성장하는 프로독학러

 

 

[과제]

위에 적게된 메소드 말고 a [20] b[10,30] ->>>> a의 20을 b의 사이에 넣어보자