2. javascript2

혼자공부하는 자바스크립트

 

※ NaN은 string으로 저장되어있으나 NaN과 NaN을 비교하게될때 false가 나옴. 

 

 

*split

split으로 문자열을 잘라 사용하기 

'문자열A'.split('문자열B')메소드는 문자열A를 문자열B로 잘라서 배열을 만들어내는 메소드.

 

※if와 switch 차이

if 참 거짓에 따라 구분됨 

switch 조건의 값에 따라서 분기됨  (A? B:C)

 

반복문

#반복문 

검사-> console에서 확인함

 

1. 배열

1) 숫자, 문자, 불, 함수, 배열속배열까지 가능

    const array= [273, 'String', ture, function(){}, {},[273,103]]

2) array[1*3] << 대괄호안에 계산식을 넣을수도 있다.

3) 배열.length  (인덱스는 0부터 시작하므로 length-1 해야 마지막 요소 출력가능)

4) 배열.push(요소).  맨뒤에 붙음

5) empty

    ex) 3개짜리 배열에 배열10번째 인덱스에 추가 -> empty 가 생김 

         const fruitsA=['사과', '배', '바나나',empty6개, '추가']

      

6) splice(2,1) 2번째뒤에서 1개 -> 값이 출력되어나옴 , 제거할것이 없으면 -1 출력됨 

     splice(1,0,"양파")     =추가됨 ['사과', '양파' ,'배', '바나나']

7) indexOf('바나나')

• 문자열에서 특정문자열을 찾고 검색된 문자열이 '첫번째'로 나타나는 위치 index를 리턴
• 없으면 -1 리턴 
• 대소문자 구분함

 

1-1 파괴적처리 비파괴적처리

원본 내용에 변화가 있으면 파괴적
  기존요소에 push로 추가하면 배열전체가 바뀌므로 파괴적 메서드임.

변화 없으면 비파괴적  (대부분 메모리 관리필요)

 

2. 반복문 

2-1. for in 반복문 : 배열요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용 (인덱스 기반으로 반복)

for (const 반복 변수 in 배열 또는 객체){문장}

2-2 for of 반복문 : 요소의 값을 반복할 때 안정적으로 사용  (배열의 값을 기반)

for (const 반복변수 of 배열 또는 객체){문장}

          for in과 다르게 반복변수에 요소의 값이 들어감

2-3 for 반복문 : 특정 횟수만큼 반복하고 싶을때 사용하는 범용적인 반복문 

          for (let i=0; i<반복횟수, i++){문장}

          다른 반복문과 다르게 반복 변수를 let 키워드로 선언합니다. 

2-4 while 반복문 : 불 표현식이 true 면 계속해서 문장을 실행 

          while (불 표현식){문장}

           + confirm() 함수를 사용하여 사용자에게 확인을 받는 대화상자 실행 [확인]은 true

 

*횟수를 기준으로 반복할때는 for 

 조건에 큰 비중이 있을 때는 while *

 

2-5 break 키워드 : switch 조건문이나 반복문을 벗어날 때 사용하는 키워드 

           while(true){} 

           break

2-6 continue 키워드 : 현재 반복을 멈추고 처음으로 돌아가 다음 반복을 시작

 

 

 

 

함수

함수는 코드의 집합을 나타내는 자료형 

 

익명적함수

선언적함수

 

function prompt(message?: string, _default?: string): string 

void: return 값이 없는 값. 

function 함수(매개변수,매개변수, 매개변수){문장 문장 return 리턴값}

 ex) function f(x)  함수이름은 f, 매개변수는 x 임 

 

● 나머지 매개변수와 전개연산자

 

▷ 매개변수가 몇 개가될지 모를때 사용

(원래 f(x,y,z)이런식으로 쓰는데 매개변수가 몇갠지 모르면 다 쓸 수 없으니까 f(x,y,...z) 혹은 f(...x)으로 나머지 매개변수 사용) 

▷ 나머지 전달인자를 하나의 배열로 반환

 

가변 매개변수 함수: 호출할 때 매개변수의 개수가 고정적이지 않은 함수 

자바스크립트에서 이러한 함수를 구현할 떄는 나머지 매개변수(rest parameter)라는 특이한 형태의 문법을 사용 

function 함수이름(...나머지 매개변수){}

 

* 전개연산자

한개의 배열로 사용/ 전개연산자 사용시 따로 따로 

 

* 나머지 매개변수와 일반매개변수 조합하기 

function 함수이름(매개변수, 매개변수, ... 나머지 매개변수){}

 

* Array.isArray 매서드

 배열은 typeof 를 쓰지않고 Array.isArray 사용함. 

 

 

● 기본매개변수 

여러번 반복 입력되는 매개변수에 기본값을 지정하여 사용 

 기본 매개변수는 오른쪽 매개변수에 사용 

 함수이름(매개변수, 매개변수=기본값, 매개변수=기본값)

 ex> 함수(이름, 시간=40, 임금=9860)

    ※순서 똑같이 맞춰줘야함!※