[javascript] Lodash의 데이터 구조 함수들과 사용 예제

21 Nov 2023

javascript

Lodash는 JavaScript 개발자들에게 매우 유용한 유틸리티 라이브러리입니다. 데이터를 다루는 데 도움이 되는 다양한 함수들을 제공하며, 이번 포스트에서는 Lodash의 데이터 구조 함수들과 그 사용 예제에 대해 알아보겠습니다.

1. _.chunk

_.chunk 함수는 배열을 지정된 크기의 작은 배열로 나누는 함수입니다. 이 함수는 주어진 배열을 나눈 결과를 새로운 배열로 반환합니다. 각 작은 배열의 크기는 두번째 인자로 전달된 값에 의해 결정됩니다.

사용 예제:

const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const chunkedArray = _.chunk(array, 3);

console.log(chunkedArray);
// Output: [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]

2. _.compact

_.compact 함수는 배열에서 falsy한 값을 제외한 배열을 반환하는 함수입니다. falsy한 값은 false, null, 0, “”, undefined, NaN 등의 값들을 말합니다.

사용 예제:

const array = [1, null, "hello", false, "", undefined, NaN, 0];
const compactedArray = _.compact(array);

console.log(compactedArray);
// Output: [1, "hello"]

3. _.uniq

_.uniq 함수는 배열에서 중복된 값을 제거한 배열을 반환하는 함수입니다.

사용 예제:

const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = _.uniq(array);

console.log(uniqueArray);
// Output: [1, 2, 3, 4, 5]

4. _.zip

_.zip 함수는 여러 개의 배열을 합치는 함수입니다. 원본 배열들을 병렬로 조합하여 새로운 배열을 반환합니다.

사용 예제:

const array1 = [1, 2, 3];
const array2 = ["a", "b", "c"];
const zippedArray = _.zip(array1, array2);

console.log(zippedArray);
// Output: [[1, "a"], [2, "b"], [3, "c"]]

5. _.merge

_.merge 함수는 여러 개의 객체를 병합하는 함수입니다. 중복된 속성은 덮어쓰지 않고, 모든 객체의 속성을 병합한 결과 객체를 반환합니다.

사용 예제:

const object1 = {
  key1: "value1",
  key2: "value2",
};

const object2 = {
  key2: "new value2",
  key3: "value3",
};

const mergedObject = _.merge(object1, object2);

console.log(mergedObject);
// Output: { key1: "value1", key2: "new value2", key3: "value3" }

위에서 소개한 함수 외에도 Lodash에는 많은 유용한 데이터 구조 함수들이 있습니다. 자세한 내용은 Lodash 공식 문서를 확인해주세요.

이상으로 Lodash의 데이터 구조 함수들과 그 사용 예제에 대해 알아보았습니다. Lodash를 사용하면 데이터를 효율적으로 다룰 수 있으므로, 개발시 유용하게 활용할 수 있습니다.