JavaScript

[Javascript] 6. 배열(Array)

katia 2023. 3. 17. 16:43

1. 배열

(1) 배열

  • 배열(Array)는 하나의 변수가 여러개의 값을 가질수 있게 하기 위해 사용한다.
  • 배열의 작성 형태는 JSON(JavaScript Object Notation) Array 의 형태와 같다.
  • 배열의 선언은 아래의 형태로 한다.
    • 가령, 'Apple', 'Banana', 'Orange'이 세 개의 문자열을 가지는 fruits라는 배열은 아래와 같이 만든다.
    let fruits = ['Apple', 'Banana', 'Orange'];
    • 배열이 가지는 각 항목을 인자라 하는데, 각 인자에 접근하기 위해서는 인자의 순번을 알아야 한다.
    • 인자의 순번은 가장 첫 번째 부터 0 부터 시작하여 1씩 추가된다.
    • 배열에 대괄호와 인자 번호를 이용하여 각 인자에 접근할 수 있다.
    console.log(fruits[0]);
  • let [배열이름] = [[인자값, ....]];

(2) 정적 메소드

  • from(x) : 유사 배열 객체(Array-Liked-Object) 혹은 반복가능한 객체(Iterable Object)로 부터 새로운 배열(Array) 만들어 반환한다.

(3) 객체 속성

  • length : 배열이 가지는 있는 인자의 개수이다.
    • 어떠한 배열이 가지는 length속성 값에서 1을 뺀 값은 항상 마지막 인자의 번호이다.

(4) 객체 메서드

  • at(x) : 배열이 가지고 있는 x번째를 반환한다. 'x'가 0 이상일때 대괄호를 이용한 인자 접근 방식과 동일하다. x가 음수 일때 -1부터 마지막 인자를 반환한다.
  • concat(x) : 호출대상이 되는 배열과 인자인 배열 x를 이어 붙인 새로운 배열을 반환한다.
  • fill(...)
    • fill(x) : 호출 대상이 가지는 모든 인자의 값을 x로 대치한다.
    • fill(x, f) : 호출 대상이 가지는 모든 인자 중 그 순번이 f이상인 것의 값을 x로 대치한다.
    • fill(x, f ,t) : 호출 대상이 가지는 모든 인자 중 그 순번이 f이상 t미만인 것의 값을 x로 대치한다.
  • includes(x) : 배열이 가진 인자 중 그 값이 x와 일치하는 것이 있는가의 여부를 반환한다.
  • indexof(x) : 배열이 가진 인자 중 그 값이 x와 일치하는 첫번째 인자의 순번을 반환한다. 일치하는 인자가 없다면 -1을 반환한다.
  • join(....)
    • join() : 배열이 가진 인자를 쉼표(,)로 이어 붙인 하나의 문자열을 반환한다.
    • join(x) : 배열이 가진 인자를 x로 이어 붙인 하나의 문자열로 반환한다.
  • lastIndexOf(x) : 배열이 가진 인자중 그 값이 x와 일치하는 마지막 인자의 순번을 반환한다. 일치하는 인자가 없다면 -1을 반환한다.
  • pop() : 배열이 가진 마지막 인자를 제거하고 반환한다.
  • push(x) : 배열의 마지막 자리에 새로운 인자 x를 추가하고 배열의 길이(length)를 반환한다.
  • reverse() : 배열이 가진 인자의 순서를 뒤집는다.
  • shift() : 배열이 가진 인자 첫번째 인자를 제거하고 반환한다.
  • slice(...)
    • slice(f) : 배열이 가진 인자중 그 순번이 f 이상인 것들을 인자로 가지는 새로운 배열을 반환한다.
    • slice(f,t) : 배열이 가진 인자중 그 순번이 f 이상이고 t 미만인 것(들)을 인자로 가지는 새로운 배열을 반환한다.
  • sort(...)
    • sort() : 배열이 가진 인자 값을 문자열로 간주하였을 때 그 아스키코드(ASCII)를 기준으로 오름차순 정렬한다.
    • sort(f) : 함수 f에 대해 각 인자 a,b 는 호출 배열의 인자이고 이를 사용자가 원하는 방식으로 비교하여 a가 우선 와야할 경우 음수를, b가 우선 와야할 경우 양수를, ab가 동률일 경우 0을 반환하는 사용자 정의 비교함수이다.
  • splice(...)
    • splice(i, d) : 배열이 가지는 인자 중 그 순번이 i 이상인 것부터 d개를 제거한다.
    • splice(i, d, [v, ....]) : 가변인자 v가 가지는 첫 번째 인자의 순번이 i가 될 수 있도록 배열의 사이에 새로운 인자를 추가한다. 이때 d는 제거할 인자의 개수이다.

(5) 람다(Lambda) 형 함수

  • 아래 명시된 람수의 인자는 [인자], [순번], [배열] 순서이며, 필요에 따라 전체 혹은 부분생략이 가능하다.
  • every(f) : 배열이 가진 모든 인자가 함수 f에 대해 참(true)인가의 여부를 반환한다.
  • filter(f) : 배열이 가진 인자중 함수 f에 대해 참인 거만 인자로 가지는 새로운 배열을 반환한다. 만족하는 인자가 없다면 빈 배열([])을 반환한다.
  • find(f) : 배열이 가진 모든 인자가 함수 f에 대해 참인 첫번쩨 인자를 반환란다. 만족하는 인자가 없다면 undefined를 반환한다.
  • findLast(f) : 배열이 가진 모든 인자가 함수 f에 대해 참인 마지막 인자를 반환란다. 만족하는 인자가 없다면 undefined를 반환한다.
  • forEach(f) : 배열이 가진 인자 전체에 함수 f를 실행 한다.
  • some(f) : 배열이 가진 인자중 하나라도 함수 f에 대해 참(true)인가의 여부를 반환한다.

'JavaScript' 카테고리의 다른 글

[Javascript] 8.요소  (0) 2023.03.20
[Javascript] 7. 오브젝트(Object)  (0) 2023.03.17
[Javascript] 5. 함수(Function)  (0) 2023.03.17
[Javascript] 4. 반복문  (0) 2023.03.17
[Javascript] 3. 조건문  (0) 2023.03.16