자바스크립트 배열 join() 메서드

또 다른 Array 메소드, 그리고 이번에는 join() 메소드, 우리는 이것을 어제four-digit pincode에서 사용하는 것을 보았습니다.

그것이 하는 일은 배열을 지정한 구분 기호와 결합하는 것입니다.

자바스크립트 join() 메서드 사용

가장 기본적인 예에서 이 배열을 문자열로 변환해 보겠습니다.

const input = ['Hello', 'world', 'how', 'are', 'you'];
const output = input.join(' ');
// 'Hello world how are you'

이 예에서 우리는 단어를 결합하기 위해 빈 문자열을 사용했습니다. 우리는 정말로 무엇이든 사용할 수 있습니다:

const input = ['Hello', 'world', 'how', 'are', 'you'];
const output = input.join('👀');
// 'Hello👀world👀how👀are👀you'

구분 기호인 하나의 인수만 사용할 수 있습니다. 이것은 선택적 매개변수입니다. 비워두면 다음과 같은 결과가 나타납니다.

const input = ['Hello', 'world', 'how', 'are', 'you'];
const output = input.join();
// 'Hello,world,how,are,you'

실제 사례

이것을 사용하는 예는 물론 four-digit JavaScript input 과 같습니다.

그러나 또 다른 정말 좋은 것은 타이틀을 슬러그로 변환하는 것입니다.
슬러그는 제목의 URL 친화적인 버전입니다.

다음과 같은 제목이 있다고 가정해 보겠습니다.

const title = 'this is my article title';

이것이 배열이 아니라는 점에 주목하십시오. 어떻게 이것을 슬러그에 결합할 수 있습니까?

먼저 각 공간에 분할해 보겠습니다.

const output = title.split(' ');
// [ 'this', 'is', 'my', 'article', 'title' ]

이제 대시로 이것을 결합할 수 있습니다.

const output = title.split(' ').join('-');
// 'this-is-my-article-title'

저기요!
매우 멋진 기능과 매우 유용합니다!

읽어주셔서 감사합니다. 연결해 보겠습니다!

제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook 또는