우당탕탕 늑개 Lodash #2 - _.join

doakuma·2022년 3월 22일
0

Lodashes

목록 보기
2/2
post-thumbnail

데이터가 이렇게 넘어올 때가 있다

data: ['text1', 'text2', 'text3']

그리고 다음과 같은 요청사항이 있다

... 쉼표로 구분하여 출력

문자열 배열을 합쳐 보자

이럴 때 유용한 것이 바로 _.join()이다
lodash 공식 가이드에 따르면 다음과 같이 사용한다

_.join(array, [separator=','])

배열 내의 모든 요소를 구분 기호로 구분된 문자열로 반환해 준다

따라서, 위 요청은 다음과 같이 사용하면 된다

_.join(data,',')
// text1,text2,text3

그.런.데.
데이터라는 것은 항상 원하는 대로 넘어온다고 믿으면 뒤통수가 얼얼해질 것이다

data: ['text1', '', null,'text4']

이렇게 넘어오면 결과는 다음과 같이 나타나게 될 것이다

text1, , , text4

우리가 원한 모양은 이게 아니다!!!

// 이렇게 나와 줘야지!!!
text1, text4

falsey는 빼고 합쳐보자

false, null, 0, '', undefined, NaN의 값은 모두 falsey이다
데이터에 이러한 값이 있으면 제거하여 사용할 수 있도록 도와주는 것은 _.compact(array)이다

자 그러면 뒤통수를 맞은 값을 다음과 같이 사용해 보자

_.join(_.compact(data), ', ')

그.러.면.

text1, text4

원하는 대로 나와 주었다

결과물

profile
늦깎이 프론트 개발자

0개의 댓글