[JavaScript] 자바스크립트 배열(Array) 결합하기(합치기), 문자열 만들기

050_자바스크립트 배열(Array) 결합하기(합치기), 문자열 만들기

[적용]

• 여러개의 배열을 하나로 결합하고 싶을 때
• 배열 내 요소의 문자 데이터를 결합하고 싶을 때

---

[문법]

구문	의미
배열1.concat(배열2, 배열3, ...)	배열1에 배열2, 배열3을 결합
[...배열1, ...배열2, ...배열3]	배열1에 배열2, 배열3을 결합

메소드	의미	반환
배열.join([결합문자열*])	배열 요소를 결합해 문자열 만들기	문자열

* 생략가능

---

[배열 요소 결합하기]

여러 개의 배열을 하나의 배열로 결합할 수 있다.

concat()을 사용해 인수의 배열을 결합하며, 결합하는 배열의 수는 제한이 없다.

인수의 배열은 결합한 후에도 삭제되지 않는다.

const array1 = ['곰', '사자'];
const array2 = ['여우'];
const array3 = array1,concat(array2);
console.log(array3);  // 결과: ["곰", "사자", "여우"]

 

스프레드(Spread) 연산자(...)를 사용해 [...배열]의 형태로 배열을 선언하면 요소의 데이터가 전부 표시된 베열을 가져올 수 있다.

const array4 = ['곰', '사자'];
console.log([...array4]);  // 결과: ["곰", "사자"]

 

이 특성을 활용해 다음과 같은 결합이 가능하다

const array5 = ['곰', '사자'];
const array6 = ['여우'];
const array7 = [...array5, ...array6];
console.log(array7);  // 결과: ["곰', "사자", "여우"]

---

[배열 요소 결합하여 문자열 만들기]

join()은 배열의 요소를 결합해 문자열로 출력한다.

결합하는 요소 사이에 결합 문자열 지정이 가능하며, 생략하면 기본값인 콤마(,)가 삽입된다.

const array8 = [2, 4, 10];
console.log(array1.join());  // 결과: "2, 4, 10"(문자열)

const array9 = ['a', 'b', 'c'];
console.log(array9.join(''));  // 결과: "abc"(문자열)

 

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김