[프론트엔드]_JavaScript(es6)_6.Array

공부 자료 : 드림코딩 by 엘리

 

개발 환경 : visual studio code

언어 : js

 

자료구조 : Array

 

1. 배열 선언

 

위와 같이 선언할 수 있다.

배열은 안에 들어간 값을 index로 참조할 수 있다.

2. Array APIs

lib.es5.d.ts 에 정의되어 있는 함수를 알아보았다.

 

2-1 반복문

배열 안에 있는 value 들 마다 내가 전달할 함수를 출력하는데 용이하다.

 

2-2 Addtion, Deletion, copy

pop 과 push 의 경우 마지막 인덱스를 조작하기 때문에 빠르게 실행된다.

하지만 shift나 unshift 의 경우 앞을 조작하다보니 뒤의 index를 당기거나 밀어야 한다.

배열이 커질수록 걸리는 시간이 증가한다.

 

2-3 splice : index 번호로 추적하여 값을 제거 혹은 그 자리에 추가.

    splice(start: number, deleteCount: number, ...items: T[]): T[];

 

위의 함수에서는 시작 index 를 받고 시작 index 부터 얼만큼 삭제할지를 받은뒤 그 자리에 items를 받아 추가하게 된다.

추가할 item은 생략할 경우 삭제만 한다.

2-4 concat

새로운 배열을 다른 배열의 값을 더해서 만들 때 사용한다.

타겟은 계속 늘어날 수 있고 늘어날 경우 순서대로 뒤에서부터 삽입된다. 그리고 합친 값을 리턴한다.

 

2-5 : Searching

 

indexOf 의 경우 해당하는 값이 있으면 그 해당하는 값의 index 번호를 리턴하고 만약 그런 값이 없으면 -1을 리턴한다.

includes 의 경우 해당하는 값이 있는지 없는지 확인하고 있으면 true를 없으면 false를 리턴한다.

 

추가로 indexOf 는 같은 값이 있을 경우 index 0부터 찾다가 처음 발견된 같은 값의 index 번호를 리턴하고

lastIndexOf 의 경우 뒤에서 부터 찾아서 리턴한다.

 

2-6 : join

아래와 같은 값이 출력 만약 아무 값도 넣지 않으면 , 로 구분한다.

2-7 : reverse

역순 정렬이다. arrtest 는 1,2,3 따라서 출력은 다음과 같다

2-8 : slice

기준이 되는 첫 index num과 어디까지 복사할 것인지를 받는 index num 2개의 파라미터를 받는다.

뒤가 음수 가 될경우 -1은 맨뒤 -2 는 맨뒤에서 2번째 이런식으로 선택이 되고 원본은 수정되지 않고 그대로 복사가 된다

2-9 sort

정렬이다. 난잡하게 되어있는 배열을 

a-b 는 오름차순 : 둘이 비교해서 작은수를 앞에다가 소팅

b-a 는 내림차순 : 둘이 비교해서 큰수를 앞에다가 소팅

 

2-10 : every

함수를 미리 지정한다. 함수는 3가지의 파라미터를 받을 수 있고 핸들링이 가능하다

아래의 isBig 의 경우 3이라는 값과 비교한다.

하나의 값이라도 틀릴 경우 false 를 반환하고 전부 맞을 경우 true 를 반환한다.

2-11 : some

some 은 every 와 반대로 하나라도 값이 충족될 경우 true 를 반환한다.

2-12 map : forEach 와 비교했을 때 새로운 값을 생성해서 메모리에 담는다는 차이점이 있다.

2-13 filter : 해당하는 조건에 맞는 값을 반환한다.