1 분 소요

배열

  • 배열이란?

    하나의 변수에 여러 값을 저장할 수 있는 데이터 구조이다.

    • 스칼라변수(scalar)와 오브젝트 변수의 차이

      스칼라변수의 경우

배열 만들기

생성자를 이용한 방법 : new Array()

심볼을 이용한 방법(리터럴 literal): []

const subject = new Array('HTML', 'CSS', 'javascript');

const subject = ['HTML', 'CSS', 'javascript'];

배열에 접근하기

  • 값은 인덱스로 식별 ➡️ 0부터 시작 하는 정수

  • key-value

    • 배열이름[인덱스]

배열 원소의 데이터 타입

배열 값으로 여러 데이터타입을 가질 수 있음

변수와 함수의 외형상 구별점은 괄호의 유무

연관배열은 문자열 인덱스로 값 식별하는 상태

배열의 속성과 메서드

  • 객체(Object) ➡️ 속성(attributes) + 메서드(methods)

    • 속성 사용 예

      배열.length

    • 메서드 사용 예

      배열.toString()

배열의 연산

  • 배열의 연산

    • 내장 함수(bulit - in functions)

      1. push(), pop(): 원소의 추가/ 제거
      2. splice(), slice(): 원소의 변경/ 추출
      3. concat(): 여러 배열 합치기
      4. sort(), reverse(): 원소의, 정렬
      5. forEach(), map(): 배열의 각 요소를 순회하거나 조작
      6. filter(), reduce(): 원소를 조건에 맞게 필터링하거나 누적값을 계산하는 등의 작업
      7. 구조 분해 할당(Destructuring Assignment)

push(), pop()

  • push() : 기본 배열에 새로원 원소(또는 아이템)을 끝에 추가
  • pop(): 배열의 마지막 원소(아이템) 제거

splice(), slice()

  • splice(): 기존 요소를 삭제, 교체 또는 추가하는 메서드

  • slice(): 시작부터 마지막(마지막은 불포함) 요소를 복사하여 새로운 배열 반환. 원본 배열은 변경되지 않음

    array.splice(start, deleteCount, item1, item2,...);

concat()

여러 개의 배열을 하나의 배열로 연결하는 메서드

array.concat(array1, array2, ... , arrayN);

sort(), reverse()

  • sort(): 오름차순으로 배열의 원소를 정렬
  • reverse(): 배열 원소의 순서를 거꾸로 정렬

forEach(), map()

  • forEach(): 배열의 요소를 각각 한 번씩 순회하는 메서드

    array.forEach(function(item, index, array){});

  • map(): 배열의 요소를 각각 한 번씩 순회하면서 실행하는 연산의 결과로 새로운 배열을 생성하는 메서드

    array.map(function(item, index, array){};)

filter(), reduce()

  • filter(): 배열의 요소를 한 번씩 순회하면서 특정 조건을 통과하는 원소로만 구성된 새로운 배열을 생성하는 메서드
  • reduce(): 배열의 요소를 각각 한 번씩 순회하면서 실행하는 연산의 결과를 반환하는 메서드
    • 해단 순회 차에 대한 소계로서 total 변수가 있음
    • 초기값이 있어 다른 연산의 결과를 기초로 계속 연산할 수 있음

업데이트:

댓글남기기