웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > lodash

lodash 배열의 첫 번째 값 반환, head()

Last Modified : 2022-08-26 / Created : 2018-07-31
4,386
View Count
자바스크립트 라이브러리 lodash의 함수 중 하나인 head()에 대하여 알아봅니다.



# lodash head() 알아보기


lodash의 head()는 배열에 사용하는 함수이며 배열에 사용할 경우 배열이 가진 첫 번째 값을 항상 반환합니다. 매우 간단한 기능을 가진 head()의 사용 문법은 아래와 같습니다.

_.head(배열)


참고로 head() 메소드는 first()로 사용할 수 있으며 first()가 head()의 별칭(alias)입니다. 그럼 아래에서 예제를 사용하여 결과를 알아봅니다.


! 간단한 lodash head() 예제보기


아래는 몇 가지 값을 가지는 배열들을 가지고 _.head()를 사용해 그 결과를 확인해보려고합니다.
_.head([1, 2, 3]);
// 1 반환

_.head([4, 5]);
// 4를 반환

_.head(['a', 'b']);
// 'a'를 반환
예상대로 모두 첫번째 값을 반환함을 확인하였습니다.

만약 배열이 아닌 경우 어떻게 될까요? 만약 값이 없거나 undefined 또는 null 혹은 배열이 아닌 객체를 가진 경우의 값도 한 번 확인해보겠습니다.


@ 객체의 값을 가지는 경우
_.head({0: 'a'})
// undefined를 반환

확인해보니 객체의 경우 Array-like임에도 undefined를 반환하는 것을 확인했습니다. 다음으로 값이 없거나 undefined 또는 null의 값을 가지는 경우입니다.


@ 값이 없거나 undefined 또는 null의 값을 가지는 경우
_.head()
// undefined를 반환

_.head([])
// undefined를 반환

_.head([ undefined ])
// undefined를 반환

_.head([ null ])
// null을 반환

값이 없는 경우 대부분 예상한 것처럼 undefined를 반환했습니다. 또한 배열의 첫 번째 값이 null 또는 undefined인 경우 동일하게 해당 값을 반환하게 됩니다.


여기까지 lodash의 head()를 알아보았습니다.

Previous

lodash 일치하는 값이 있는지 확인하기, some()

Previous

[lodash] clonedeep 알아보기, 객체 복사 방법