[자바스크립트] Array 객체의 함수 (1)

Array 객체에는 배열을 다룰 수 있는 여러 함수가 있습니다. 오늘은 Array 객체의 종류와 특징에 대해서 알아보겠습니다.

 

concat() 함수

concat() 함수는 두 개 이상의 배열을 함께 병합하여 관련된 모든 배열의 요소를 포함하는 새 배열을 만드는 데 사용되는 배열 메서드입니다. 기존의 배열에서 또 다른 배열이나 값을 합쳐서 새로운 배열을 만듭니다.

 

아래는 concat() 함수를 사용한 경우 3가지입니다.

 

두 배열을 연결

여러 배열을 연결

기존 배열과 연결

concat() 메서드는 원래 배열을 수정하지 않고 배열을 결합하려는 경우에 편리합니다. 새 배열을 생성하므로 큰 배열을 다루는 경우 다른 배열 조작 방법만큼 효율적이지 않을 수 있습니다. 이러한 경우 push() 또는 스프레드 연산자([...array1, ...array2])와 같은 다른 방법이 더 효과적일 수 있습니다. push() 함수는 밑에서 따로 살펴보겠습니다.

 

join() 함수

join() 함수는 배열의 요소를 문자열로 변환하는 데 사용되는 배열 메서드입니다. 배열의 요소를 각 요소 사이에 지정된 구분 기호가 있는 단일 문자열로 연결합니다. 원래 배열은 변경되지 않은 상태로 유지됩니다.

 

join() 함수를 사용한 예시를 보겠습니다.

 

기본 구분 기호와 함께 join() 사용

사용자 지정 구분 기호와 함께 join() 사용

숫자를 결합하여 CSV 스타일 문자열 만들기

join() 함수는 배열을 읽을 수 있고 구조화된 문자열로 변환하는 데 유용하며, 데이터를 직렬화하거나 배열 내용을 사람이 읽을 수 있는 형식으로 표시할 때 자주 사용됩니다.

 

push() 함수와 unshift() 함수

push()와 unshift()는 모두 배열에 요소를 추가하는 데 사용되는 JavaScript의 배열 메서드이지만 서로 다른 방식으로 수행합니다.

 

push() 함수는 배열 끝에 하나 이상의 요소를 추가하는 데 사용됩니다. 기존 배열에 새로운 요소를 추가한 후 배열의 새 길이를 반환합

니다.

 

push() 함수는 이렇게 사용합니다.

 

unshift() 함수는 배열의 시작 부분에 즉, 맨 앞에 하나 이상의 요소를 추가하는 데 사용됩니다. unshift()도 마찬가지로 기존 배열에서 새로운 요소를 추가한 후 배열의 새 길이를 반환합니다.

 

unshift() 함수는 이렇게 사용합니다.

두 방법 모두 요소가 인수로 표시되는 순서대로 추가되고 배열이 직접 수정됩니다. 다른 배열에서 요소를 추가하려면 스프레드 연산자(...)를 사용하여 배열을 연결하거나 대신 concat() 메서드를 사용할 수 있습니다. 또한 배열 중간에 요소를 추가하려는 경우 splice()와 같은 배열 접합 기술을 사용할 수 있습니다.

 

이번 시간에는 둘 이상의 배열을 연결하는 concat() 함수와 배열 요소를 연결하는 join() 함수, 새로운 요소를 추가하는 push() 함수와 unshift 함수에 대해서 알아봤습니다.

다음 시간에는 pop() 함수와 shift() 함수, splice() 함수, slice() 함수에 대해서 알아보도록 하겠습니다.

 

감사합니다.

---

틀린 부분이 있거나 더 좋은 내용 훈수 환영합니다!

공감과 댓글 부탁드립니다.