Lodash는 배열, 숫자, 객체 및 문자열을 다루기 위한 모듈성과 뛰어난 성능을 제공하는 현대적인 JavaScript 유틸리티 라이브러리입니다.
컬렉션 (Collections)
컬렉션 메서드는 배열(Array)과 객체(Object) 모두에서 동일하게 작동합니다.
검색 및 필터링
_.filter(list, (n) => n % 2 === 0); // -> Array of matches
_.find(list, (n) => n % 2 === 0); // -> First matching item
_.findLast(list, (n) => n % 2 === 0); // -> Last matching item
_.reject(list, (n) => n % 2 === 0); // -> Array with matches excluded
깊은 경로 접근 및 변경
// Safe path access
_.get(object, 'users[0].name', 'Default');
_.get(object, ['users', 0, 'name']);
// Set value at deep path
_.set(object, 'users[0].name', 'Alice');
// Extract elements at paths
_.at({ a: [{ b: { c: 3 } }] }, ['a[0].b.c']); // -> [3]
반복 및 조건자 검사
_.forEach(list, (item, index) => { /* ... */ });
_.forEachRight(list, (item) => { /* ... */ });
_.map(list, (item) => item.id);
_.every(users, (u) => u.active); // -> Boolean (all match)
_.some(users, (u) => u.active); // -> Boolean (at least one matches)
배열 (Arrays)
분할 및 슬라이싱
_.chunk(['a', 'b', 'c', 'd'], 2); // -> [['a', 'b'], ['c', 'd']]
_.compact([0, 1, false, 2, '', 3]); // -> [1, 2, 3] (removes falsy values)
_.drop([1, 2, 3, 4], 2); // -> [3, 4]
_.take([1, 2, 3, 4], 2); // -> [1, 2]
집합 연산
_.uniq([2, 1, 2]); // -> [2, 1]
_.uniqBy([{ x: 1 }, { x: 2 }, { x: 1 }], 'x'); // -> [{ x: 1 }, { x: 2 }]
_.difference([2, 1], [2, 3]); // -> [1]
_.intersection([2, 1], [2, 3]); // -> [2]
_.union([2], [1, 2]); // -> [2, 1]
함수 (Functions)
커링 및 부분 적용
const greet = (greeting, name) => `${greeting}, ${name}!`;
const curriedGreet = _.curry(greet);
const sayHello = curriedGreet('Hello');
sayHello('Alice'); // -> "Hello, Alice!"
스로틀링 및 디바운싱
// Debounce: Wait for 300ms of inactivity before firing
const onSearch = _.debounce(searchApi, 300);
// Throttle: Fire at most once every 200ms
const onScroll = _.throttle(updateScrollPosition, 200);
// Once: Function that can only be invoked once
const initialize = _.once(setupApp);
캐싱 (메모이제이션)
const fibonacci = _.memoize((n) => {
return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2);
});
문자열 (Strings)
케이스 변환
_.camelCase('Foo Bar'); // -> "fooBar"
_.kebabCase('Foo Bar'); // -> "foo-bar"
_.snakeCase('Foo Bar'); // -> "foo_bar"
_.startCase('fooBar'); // -> "Foo Bar"
_.capitalize('fred'); // -> "Fred"
패딩 및 공백 제거
_.pad('abc', 8); // -> " abc "
_.padStart('abc', 6, '_'); // -> "___abc"
_.trim(' abc '); // -> "abc"
_.trim('-_-abc-_-', '_-'); // -> "abc"
객체 (Objects)
키, 값 및 반전
_.keys({ a: 1, b: 2 }); // -> ['a', 'b']
_.values({ a: 1, b: 2 }); // -> [1, 2]
_.invert({ a: 'x', b: 'y' }); // -> { x: 'a', y: 'b' }
병합 및 복제
// Shallow clone vs deep clone
const shallow = _.clone(user);
const deep = _.cloneDeep(user);
// Deep merge
_.merge({ a: [{ b: 1 }] }, { a: [{ c: 2 }] }); // -> { a: [{ b: 1, c: 2 }] }
// Pick and omit
_.pick(user, ['name', 'email']);
_.omit(user, ['password', 'salt']);
체이닝 (Chaining)
_.chain()으로 여러 연산을 연결하고 .value()로 최종 값을 추출합니다:
const youngestUsers = _(users)
.filter((u) => u.active)
.sortBy('age')
.map((u) => `${u.name} is ${u.age}`)
.head()
.value();