JavaScript

박상우·2022년 10월 4일
post-thumbnail

배열

  • 배열의 사용 목적 및 특징
  1. 배열은 하나의 변수에 여러개의 값을 담기위해 사용한다.
  2. 특별한 선언 방법은 없고 다음과 같이, 대괄호를 이용하여 선언한다.
  3. 어떠한 배열이 가지는 각 인자는 인덱스(Index)번호를 이용하여 접근하고 인덱스 번호는 0번부터 시작한다.

    let someArray = [ ];

  • 배열의 속성
    ▶ length : 해당 배열의 길이(인자의 개수)이다.
  • 배열의 메서드(함수)
    ▶ at( x ) : 전달된 x값에 해당하는 인덱스의 값을 반환한다. 이는 어떠한 배열 someArray에 대해 someArray[x] 하는 것과 같다.
    ▶ concat( x ) : Concatenate(이어붙이다)의 줄임말로, 호출 대상이 되는 배열과 전달 인자인 배열 x를 이어 붙인 새로운 배열을 반환한다.
    ▶ includes( x ) : 호출 대상이 되는 배열이 전달된 x를 포함하는가의 여부를 반환한다.
    ▶ indexOf(x) : 호출 대상이 되는 배열이 가지고 있는 인자 중 전달 된 x 와 일치하는 인자의 인덱스 번호를 반환한다. 일치하는 인자가 없다면 -1을 반환한다.
    ▶ join( x ) : 호출 대상이 되는 배열이 가지고 있는 인자를 주어진 문자열 x로 이어 붙인다. x 인자가 생략될 경우 쉼표(,)로 인식한다. x는 각 인자 사이에 들어가며 첫번째 인자의 앞이나 마지막 인자의 뒤에 삽입되지 않는다.
    ▶ pop() : 호출 대상이 되는 배열이 가지고 있는 인자 중 마지막 인자를 반환하고 원 배열에서 제거한다.
    ▶ shift() : 호출 대상이 되는 배열이 가지고 있는 인자 중 첫번째 인자를 반환하고 원래 배열에서 제거한다.
    ▶ push( x ) : 호출 대상이 되는 배열 가장 마지막 자리에 새로운 인자 x를 추가한다.
    ▶ sort( x ) : 호출 대상이 되는 배열이 가지는 원소를 오름 차순 정렬한 배열을 반환한다. 이 때 x는 정렬할 기준이 되는 함수를 직접 구성할 수 있는데 여기서는 생략한다. 이 때 내림차순으로 정렬 하고 싶은 경우 sort() 호출후 reverse()를 호출하면 된다.
    ▶ reverse( x ) : 호출 대상이 되는 배열이 가지고 있는 인자의 순서를 뒤집고 그 배열을 반환한다. <주의> 내림차순이 아닌 진짜 순서를 뒤집는 것이다.
    ▶ slice(s, e) : 호출 대상이 되는 배열이 가지는 원소들 중 일부를 가지는 새로운 배열을 반환한다.
    --> s와 e 모두 전달할 경우 원본 배열이 가지는 원소의 인덱스를 기준으로 s부터 e까지의 원소들을 가지는 새로운 배열을 반환한다.
    --> e생략시 s부터 끝까지의 원소를 가지는 새로운 배열을 반환한다.
    --> s와 e 모두 생략시 원본 배열과 동일한 원소를 가지는 새로운 배열을 반환한다.
    --> 이때, s와 e 모두 개수와 관계없고 인덱스 번호를 의미함으로 유의한다.
    ▶ splice(a, b, c) : 호출 대상이 되는 배열에 새로운 값 c를 인덱스 a에 해당하는 위치에 추가한다. 이 때 추가하기 전 배열의 원소 중 인덱스 i를 가지는 원소를 포함. 이어오는 b개의 원소를 삭제한다.

    이때 c를 생략하면 splice 함수는 원소를 삭제하기만 한다.
    splice 함수에 의해 삭제된 원소들은 새로운 배열로 반환된다.
    splice 함수에 의해 삭제된 원소가 없다면 빈 배열([ ])을 반환한다.


함수를 인자로 받는 메서드(람다, Lambda)

  • every(f) : 호출 대상이 되는 배열이 가진 모든 원소가 주어진 논리값을 반환하는 함수 f에 대해 전부 참(true)인가의 여부를 반환한다.
  • filter(f) : 호출 대상이 되는 배열이 가지는 모든 원소에 대해 주어진 논리값을 반환하는 함수 f에 대해 참인 원소만을 가지는 새로운 배열을 반환한다.
  • find(f) : 호출 대상이 되는 배열이 가지는 모든 원소에 대해 논리값을 반환하는 주어진 함수 f에 대해 참인 첫번째 원소를 반환한다.
  • findIndex(f) : 호출 대상이 되는 배열이 가지는 모든 원소에 대해 논리값을 반환하는 주어진 함수 f에 대해 참인 첫번째 원소의 인덱스 번호를 반환한다. 해당하는 함수가 없으면 -1을 반환한다.
  • forEach(f) : 호출 대상이 되는 배열이 가지는 모든 원소에 대해 전달된 함수 f를 단순히 실행한다. 이때 인자인 f함수는 반환값을 가질 필요가 없으며 forEach 또한 별도로 반환하는 값이 없다.
  • map(f) : 호출 대상이 가지는 원소 전체에 대해 전달된 함수인 인자 f의 계산 과정을 거친 새로운 배열을 반환한다.
    --> 호출 대상이 되는 배열과 반환되는 배열의 길이는 반드시 같다.
    some(f) : 호출 대상이 되는 배열이 가진 모든 원소가 논리값을 반환하는 주어진 함수 f에대해 한개 이상이 참(true)인가의 여부를 반환한다.

함수

  • alert( x ) : 문자열인 인자 x의 내용을 가지는 간단한 메시지를 띄운다.
  • parseInt( x ) : 문자열인 인자 x의 내용을 숫자로 변형한다. 변경할 수 없는 경우 NaN을 반환한다.
profile
백엔드 개발자가 되기 위한 여정

0개의 댓글