[3주차] JavaScript

신윤지·2022년 5월 12일
0

사전스터디

목록 보기
3/5
post-thumbnail

🚀 What You Will Learn


  1. 배열이 필요한 이유를 설명할 수 있다.

    ⚙ 데이터를 정리하여 자료 검색이나 삽입 등의 속도를 빠르게 하기 위한 데이터 구조 중 하나. 하나의 변수 안에 리스트로 그룹화 시켜서 효율적으로 사용한다. 배열은 메모리 주소를 참조한다.

  2. 배열의 인덱스를 활용하여 원하는 요소에 접근할 수 있다.

    ⚙ 배열의 첫번째 인덱스는 0부터 시작한다.
    배열이름[인덱스번호];

  3. 다차원 배열에서 원하는 값에 접근할 수 있다.

    ⚙ 배열이름[인덱스번호][인덱스번호]...;

  4. 자주 사용하는 배열 메서드의 종류를 알고 사용할 수 있다.

    ⚙ Methods 항목을 참고하여 필요할 때 찾아쓴다.

    Array - JavaScript | MDN

  5. 반복문과 배열을 활용해서 배열의 값을 조작할 수 있다.

    ⚙ for...of - 인덱스가 필요한 것이 아니라면 배열을 반복할 때 for 보다 가독성이 좋다.

    for (variable of iterable) {statement}

    루프와 반복 - JavaScript | MDN

☑️ Study Keyword


  • 배열이 필요한 이유와 선언하는 방법
    변수키워드 배열이름 = [요소1, 요소2, ...];

  • 배열의 값을 추가, 수정, 삭제하는 방법

    • arr.pop() - 배열의 마지막 요소를 제거하여 반환한다.
    • arr.push(element1[, ...[, elementN]) - 배열의 끝에 매개변수 만큼의 요소를 추가하고, 배열의 새로운 길이를 반환한다.
    • arr.shift() - 배열에서 첫 번째 요소를 제거하여 반환한다.
    • arr.unshift([...elementN]) = 배열의 맨 앞에 매개변수 만큼의 요소를 추가하고, 새로운 길이를 반환한다.
      • shift와 unshift는 pop과 push보다 느리다. 배열 전체의 인덱스를 옮겨야 하기 때문이다.
    • arr[n] = value; - 직접 배열 인덱스의 값을 수정하거나 추가한다. 배열이 const로 정의되어 있어도 요소는 수정 가능하다.
  • 반복문이 필요한 이유와 사용하는 방법

    똑같은 코드를 반복 작업마다 쓰는 것은 비효율적이다. 수 없이 많은 반복도 짧은 코드로 실행가능케 한다.

    • for ([initialization]; [condition]; [final-expression]) {statement}
    • initioalizaton은 주로 카운터 변수를 초기화하며, condition의 평가가 참일 때 statement를 실행한 후 final-expression을 매 반복마다 실행한다.
    • while (condition) {statement}
    • 반복이 시작되기 전 condition을 판단 후 참이면 statement를 실행한다. 주로 반복횟수를 정확히 알 수 없을 때 사용한다.
    • break - 가장 안쪽의 반복문이나 switch문을 빠져나온다. [레이블]을 사용하면 특정 레이블 문에서 빠져나올 수 있다.
    • continue - 현재 반복문만 건너뛰고 계속 다음 반복문을 실행한다.
  • 배열과 반복문을 함께 자주 사용하는 이유

    • 다차원 배열에서 중첩 반복문을 사용해 모든 요소에 접근한다.
    • 배열의 모든 요소마다 돌아가며 같은 동작을 수행한다.
  • 배열의 메서드 5가지와 사용 방법

    • arr.splice(start[, deleteCount[, item1[, item2[, ...]]]]) - start로 변경을 시작할 인덱스를 정한다. 값의 절대값이 배열의 길이보다 크면 0으로 설정된다. deleteCount로 삭제할 개수를 정한다. 생략하면 start부터 모든 요소를 제거한다. item만큼 삭제한 인덱스부터 요소를 추가한다. 제거한 요소를 담은 배열을 반환한다.
    • arr.some(callback[, thisArg]) - 콜백(판별)함수를 통과하는 요소가 있는지 테스트한다. true값을 반환하는 요소를 찾을 때까지 모든 요소에 판별함수를 실행한다. 해당 요소를 발견할 경우 즉시 true를 반환한다. 빈 배열은 무조건 false를 반환한다.
    • arr.filter(callback(element[, index[, array]])[, thisArg]) - 콜백함수의 조건에 맞는 모든 요소를 새로운 배열로 만든다. true를 반환하면 요소를 유지하고, false를 반환하면 버린다.
    • arr.join([separator(매개변수]) - 배열을 문자열로 만든다. 매개변수는 배열의 각 요소를 구분할 문자열이다. 생략하면 쉼표가 구분자로 지정된다.
    • arr.map(callback(currentValue[, index[, array]])[, thisArg]) - 콜백함수를 모든 요소마다 한 번씩 순서대로 실행하여 반환값으로 새로운 배열을 만든다.

0개의 댓글