[LG유레카] JavaScript - 배열과 문자

배열

• 배열이란?

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

  • 스칼라변수(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 변수가 있음
  • 초기값이 있어 다른 연산의 결과를 기초로 계속 연산할 수 있음