JavaScript join()메서드

JavaScript join() 메서드에 대해서

join() 메서드는 무엇일까?

join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다.

arr.join([separator])

• separator : 배열의 각 요소를 구분할 문자열을 지정한다. 이 구분자는 필요한 경우 문자열로 반환된다. 생략하면 배열의 요소들이 쉼표로 구분된다. 만약 separator가 빈 문자열이면 모든 요소들이 사이에 아무 문자도 없이 연결된다.

배열의 모든 요소들을 연결한 하나의 문자열을 반환한다. 만약 arr.length가 0이라면 빈 문자열을 반환한다. 혹은 요소가 undefined 또는 null일 때 빈문자열로 반환한다.

예시)

const elements = ['FIre','Air','Water'];

console.log(elements.join());
//"Fire,Air,Water"

console.log(elements.join(''));
//"FireAirWater"

console.log(elements.join('-'));
//"Fire-Air-Water"

프로그래머스 문제 풀 때 기준으로 join() 메서드를 사용했을 때는 배열 안에 담긴 문자열을 하나씩 분리해서 원하는 조건(알파벳 e 제외하기 같은 조건일 때 등등)으로 반환하고 그 반환한 변수를 하나의 문자열로 다시 합칠 때 사용했다.

프로그래머스 문제로 예시 들기

프로그래머스 문제 예시로 들면 제목은 “인덱스 바꾸기”이다.

주어지는 변수는

해당배열 = “hello”

숫자1 = 1

숫자 2 = 4이라고 주어진다면 원하는 반환 값은 “holle”가 나와야 한다.

만약 문제를 풀고 싶다면 https://school.programmers.co.kr/learn/courses/30/lessons/120895

아래는 문제에 대한 정답이 적혀있다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---

 

let array = "hello";
let num1 = 1;
let num2 = 4;

let newArray = [...array];
let saveNum1 = newArray[num1];

newArray[num1] = newArray[num2];
newArray[num2] = saveNum1;

let answer = newArray.join('');
console.log(answer);

//holle

이런 식으로 문자열을 나누고 나서 하나로 합할 때 주로 사용했었다.

문제 풀이를 간단하게 하면 array, num1, num2 변수가 주어진다.

먼저 문자열이 들어있는 array변수를 [ ] 안에 넣어 배열로 만든다. 이때 스프레드함수를 사용해 [ “h”, “e”, “l”, “l” , “o”]를 newArray 변수에 새로 저장해 주었다.

saveNum1에 newArray [num1]를 저장해 주고 각각 서로 위치를 바꿨다. newArray [num1]은 newArray [num2] 위치로 옮기고 반대로 newArray [num2] 위치는 newArray [num1] 위치로 옮겨야 하는데 newArray [num1]는 이미 newArray [num2]의 값으로 바뀌었으니 미리 변수에 저장한 savaNum1을 사용해 자리를 바꾼다.

그러면 newArray를 콘솔창으로 찍어보면 h, o, l, l, e가 나오는데 쉼표를 없애고 문자열을 하나로 합쳐줘야 하니 join() 메서드를 사용해 holle를 반환하도록 한다.

 

노션으로 보실 수도 있어요!