- Array 객체의 주요 함수
함수 |
설명 |
concat |
기존 배열에 새로운 배열을 추가해 새로운 배열을 만듭니다. |
every |
배열의 모든 요소가 주어진 함수에 대해 true라면 true을 반환하고 그렇지 않으면 false를 반환합니다. |
filter |
배열의 요소 중 주어진 필터링 함수에 대해 true인 요소만 골라 새로운 배열을 만듭니다. |
forEach |
배열의 모든 요소에 대해 주어진 함수를 실행합니다. |
indexOf |
주어진 값과 일치하는 값이 있는 배열 요소의 첫 인덱스를 찾습니다. |
join |
배열 요소를 문자열로 합칩니다. 이때 요소 사이를 구분할 구분자를 지정할 수 있습니다. |
pop |
배열 마지막 요소를 꺼내 그 값을 반환합니다. |
push |
배열의 맨 끝에 새로운 요소를 추가한 후 새로운 length를 반환합니다. |
reverse |
배열의 배치 순서를 역순으로 바꿉니다. |
shift |
배열에서 첫 번째 요소를 꺼내 값을 반환합니다. |
slice |
배열에서 특정한 부분만 추출합니다. 기존 배열은 바뀌지 않습니다. |
sort |
배열 요소를 지정한 조건에 따라 정렬합니다. |
splice |
배열에 요소를 추가하거나 특정 부분을 추출합니다. |
toString |
배열에서 지정한 부분을 문자열로 반환합니다. 이때 각 요소는 쉼표로 구분합니다. |
unshift |
배열의 시작 부분에 새로운 요소를 추가합니다. |
- indexOf(String keyword)
문자열 중 입력받은 문자가 있으면 해당 문자열 위치(index) 값을 리턴하고 문자가 없으면 -1을 리턴합니다.
- 둘 이상의 배열을 연결하는 concat() 함수
concat() 함수는 기존의 배열에 또 다른 배열이나 값을 합쳐서 새로운 배열을 만드는 함수 입니다. 예를 들어 다음과 같은 nums 배열과 chars 배열이 있을 때 다음과 같이 concat() 함수를 사용하여 두 개의 배열을 연결해서 새로운 배열을 만들 수 있습니다.
concat() 함수를 사용할 때 nums 배열과 chars 배열 순서를 바꾸면 순서가 달라지고 concat() 함수는 새로운 배열을 만들기 때문에 기존의 nums나 chars 배열에는 영향을 주지 않습니다.
- 배열 요소를 연결하는 join() 함수
join() 함수는 배열 요소를 연결하는 함수 입니다. 배열 요소를 연결해서 나열 때 각 요소 사이에 넣을 구분 기호가 필요한데, join() 함수는 이 기호를 직접 지정할 수 있습니다. 만약 함수에서 구분 기호를 지정하지 않으면 쉼표(,)로 요소를 구분합니다.
- 새로운 요소를 추가하는 push() 함수와 unshift() 함수
함수를 사용하면 기존 배열에 새로운 요소를 추가할 수도 있습니다. 이때 배열의 맨 끝에 요소를 추가하려면 push() 함수를 사용하고, 배열의 맨 앞에 추가하려면 unshift() 함수를 사용합니다.
- 배열에서 요소를 추출하는 pop() 함수와 shift() 함수
Array 객체에서 맨 뒤에 있는 요소를 추출할 때는 pop() 함수를, 맨 앞에 있는 요소를 추출할 때는 shift()함수를 사용합니다.
- 원하는 위치의 요소를 삭제하거나 추가하는 splice() 함수
splice() 함수는 괄호 안에 들어 있는 인수에 따라 일정 구간의 요소를 삭제하고 새로운 요소를 추가하는 함수입니다. splice() 함수를 실행하면 삭제한 구간의 요소들로 이루어진 새로운 배열이 결괏값으로 표시됩니다.
-인수가 1개일 경우
먼전 splice() 함수의 괄호 안에 하나의 인수가 들어 있는 경우로부터 알아보겠습니다. 이때 괄호 안의 인수는 그 배열의 인덱스 값을 가리킵니다. 이 경우 splice() 함수는 인수가 가리키는 인덱스의 요소로부터 배열의 끝 요소까지 삭제합니다.
-인수가 2개일 경우
splice() 함수에 인수가 2개일 경우 첫 번째 인수는 인덱스 값이고 두 번째 인수는 삭제할 개수입니다. 예를 들어 다음과 같은 study 배열이 있을 때 study.splice(2,1)을 실행하면 인덱스 값이 2인 요소(즉 세 번째 요소)부터 1개의 요소를 삭제합니다.
-인수 3개일 경우
splice() 함수의 첫 번째 인수는 해당 배열에서 삭제를 시작할 위치, 두 번째 인수는 삭제할 개수, 세 번째 인수는 앞서 삭제한 위치에 새로 추가할 요소를 지정합니다.
-원하는 위치의 요소들을 추출하는 slice() 함수
slice() 함수는 배열에서 요소를 꺼낸다는 점에서 앞에 나온 pop()함수나 shift()함수와 같지만, 여러 개의 요소를 꺼낼 수 있다는 점이 다릅니다. slice() 함수는 시작 인덱스와 끝 인덱스를 지정해 그 사이의 요소를 꺼냅니다. splice() 함수처럼 slice()함수에도 시작 인덱스만 지정할 경우 시작 인덱스부터 배열 끝까지 추출합니다.
slice() 함수에서 시작 인덱스와 끝 인덱스를 모두 지정하면 시작 인덱스부터 시작해서 끝 인덱스 직전까지 요소를 추출합니다. 끝 인덱스까지 아니라 끝 인덱스 직전까지라는 점에 주의합니다. 예를 들어 study 배열에서 두 번째 요소(인덱스 1)부터 네 번째 요소(인덱스 2)까지 추출해서 새로운 배열 study2를 만들려면 slice(1,3)라고 지정합니다.
배열에서 특정 위치의 요소를 활용한다는 점에서 splice() 함수와 slice() 함수는 같은 기능을 합니다. 하지만 slice() 함수는 원래 배열에 영향을 주지 않지만, splice() 함수는 요소를 추가하거나 삭제하면 원래 배열 자체가 수정된다는 차이가 있습니다. 따라서 배열에서 추출한 요소를 가지고 새로운 배열을 만들어 사용하겠다면 slice() 함수가 적당하고, 배열에서 일부 요소를 삭제하겠다면 splice() 함수가 적당합니다.
'javaScript' 카테고리의 다른 글
태그 속성을 사용하여 상품 이미지 변경하기 (0) | 2020.01.18 |
---|---|
문서객체 모델(DOM) (0) | 2020.01.15 |
Date 객체의 주요 함수 (0) | 2020.01.12 |
객체란? (0) | 2020.01.10 |
이벤트 처리기 (0) | 2020.01.08 |