오늘 공부

알고리즘 문제 풀기(프로그래머스)
https://github.com/hoinlee-moi/Algorithm

JS기본문법 다시 공부
https://github.com/hoinlee-moi/ModernJS

React 강의 듣기
https://github.com/hoinlee-moi/React_prac

연중무휴 가게들은 어떻게 살고 계시는 걸까..???

join

배열의 모든 요소를 연결해 하나의 문자열로 만든다.

예전 TIL에서 join을 정리한 적이 있다.
알고리즘을 풀 때 많이 사용했는데 문자열을 배열처리해서 다시 문자열로 출력할 때나
배열을 다시 문자열로 출력할 때 자주 사용했다.
하지만 사용 방법을 더 자세히 보니 단순히 배열을 문자열로 되돌린다만 생각하지 않으면 더 효율적이게 사용할 수 있었다.

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

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

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

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

주어진 예시값인데

• 그냥 join을 쓸 경우 : 배열 값을 , 로 묶어준다.
• ""을 넣을 경우 : 띄어쓰기 없이 다 붙여 준다.
• 특정 구분자를 넣을 경우 : 구분자로 묶어준다.

arr.join([separator])

매개변수
separator(옵션)
배열의 각 요소를 구분한 문자열을 지정한다.
이 구분자는 필요한 경우 문자열로 변환되는데 생략하면 배열의 요소들이 쉼표로 구분된다.
separator가 빈 문자열이면 모든 요소들이 사이에 아무 문자도 없이 연결된다.

반환 값
배열의 모든 요소들을 연결한 하나의 문자열을 반환한다.
만약 arr.length가 0이라면, 빈 문자열을 반환

이걸 새롭게 본 이유가 split을 이용하면 문자열에서 특정 문자열을 제거 한 후 바꿔치기가 가능하다는 건데

const str = "abcde"
console.log(str.split("a"))
// ['', 'bcde']
console.log(str.split("a").join("1"))
//'2bcde'

먼저 주어진 문자열에서 특정 문자를 split 할 경우 그 문자를 이용하여 나누기 때문에 빈칸이 된다.
그리고 빈칸은 다시 문자열이 합쳐질 땐 없어짐으로 join으로 연결할 때 특정 문자를 넣어주면
빈칸은 사라지고 다음 배열의 원소랑 합쳐질 때 join에 넣은 매개변수 값이 들어감으로
변경된 문자열이 나오게 된다.