eadgnus

호이스팅(hoisting)

- 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것
- var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화
- let과 const로 선언한 변수의 경우 호이스팅 시 변수가 초기화 x 그렇기때문에 head에 넣어서 사용해야함

✔ 호이스팅 과정

- 잘못된 예시

사용자 정의 함수(function)

- 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록
- 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음
- 코드를 재활용

1. 함수 선언식

2. 함수 표현식   ✔이방법이 더 좋음

3. 디폴트 매개변수

- 매개변수의 값을 설정하는 것
- 매개변수의 값을 정하지 않으면 기본 값을 변수에 저장

4. 나머지 매개변수

- 생략 접두사(...)를 사용하여 특정 위치의 인수부터 마지막 인수까지 한 번에 지정할 수 있음

배열(Array)

- 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조)
- 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함

배열 선언

let 배열명;
배열명 = [요소1, 요소2, 요소3 ..]

    ex)
    let arr;
    arr = [100, 200, 300];
    let arr = [100, 200, 300];


배열 객체로 생성

const 배열명 = new Array(요소1, 요소2, ...);

배열의 접근

let arr;
arr = [100, 200, 300];

console.log(arr[0]); // 100
console.log(arr[1]); // 200
console.log(arr[2]); // 300

인덱싱이 가능하다

자바스크립트의 배열의 특징

1. 배열 요소의 타입이 고정되어 있지 않음
    let arr = [1, 1.5, '김사과', true];

2. 배열 요소의 인덱스가 연속적이지 않아도 됨
    let arr;
    arr[0] = 1;
    arr[1] = 20;
    arr[4] = 5;
    ✔ index 2,3은 undefined

Array 객체의 메소드

push(): 배열의 요소를 추가
pop(): 배열의 마지막 주소에 있는 값을 제거
shift(): 배열의 첫번째 주소에 있는 값을 제거
concat(): 두개의 배열을 합칠때 사용
join(): 배열 요소 사이에 원하는 문자를 삽입
reverse(): 배열을 역순으로 재배치
sort(): 매열을 오름차순으로 정렬

배열을 이용한 반복

for in 문
변수에 배열의 인덱스 또는 객체의 key가 저장되며 반복

    for(변수 in 배열 또는 객체){
        배열의 요소 개수 또는 객체의 프로퍼티 개수만큼 반복할 문장;
        ...
    }

    const arr = [10, 20, 30]; // 인덱스 번호가 변수부분에 들어감.
    const user = {'userid':'apple', 'name':'김사과', 'age':20} // 키 부분이 변수부분에 들어간다.

break 문

- swich문 또는 반복중인 루프 내에서 사용하여 해당 문장을 완전히 종료시키고 다음에 위치한 실행문으로 이동

continue 문

- 반복중인 루프 내에서 사용하여 해당 루프의 나머지 부분을 건너뛰고 다음 반복문의 판단으로 넘어감

for 문

        for(초기값; 조건식; 증감식){
            조건식의 결과가 true인 동안 반복할 문장;
            ...
        }

✔ for문의 무한루프

        for(;;){                                              //이렇게 하면 무한반복
            조건식의 결과가 true인 동안 반복할 문장;
            ...
        }

for of 문

변수에 배열의 value 또는 객체의 value가 저장되며 반복
- iterator 속성을 가지는 컬렉션 전용

    for(변수 of 배열 또는 객체){
        배열의 요소 개수 또는 객체의 프로퍼티 개수만큼 반복할 문장;
        ...
    }

    const arr = [10, 20, 30];                   // 10, 20, 30가 변수부분에 들어감.

forEach 문

배열에서만 사용 가능 하며, 요소의 개수만큼 반복

    const arr = [10, 20, 30];

    배열명.forEach(function(변수1, 변수2, 변수3){
        배열의 요소 개수만큼 반복할 문장;
    });

    변수1: 요소의 값이 들어감; 10, 20, 30
    변수2: 요소의 인덱스; 0, 1, 2
    변수3: 배열 객체가 들어감; [10, 20, 30] -> [10, 20, 30] -> [10, 20, 30]

- while 문

        while(조건식){
            조건식의 결과가 true인 동안 반복할 문장;
            ...
        }

 - do while 문 (처음부터 조건식이 false일경우 한번이라도 실행하고 지나간다)

        do {
            조건식의 결과가 true인 동안 반복할 문장;
            ...
        }while(조건식);