Lodash - 자바스크립트 강력한 도구

Underscore.js를 경량으로 대체하는 Lodash는 일반적인 프로그래밍 작업을 단순화하는 인기 있는 JavaScript 유틸리티 라이브러리입니다. JavaScript 기술을 향상하려면 아래의 상위 20개 Lodash 함수를 살펴보세요.

---

1. _.얻다

• 객체에서 중첩된 속성을 안전하게 검색하여 속성이 존재하지 않는 경우 오류를 방지합니다.

const obj = { a: { b: { c: 42 } } }; _.get(obj, 'a.b.c', 'default'); // 42

---

2. _.세트

• 객체의 중첩 속성 값을 설정하고, 존재하지 않는 경우 중간 속성을 생성합니다.

const obj = {}; _.set(obj, 'a.b.c', 42); console.log(obj); // { a: { b: { c: 42 } } }

---

3. _.cloneDeep

• 객체 또는 배열의 전체 복사본을 생성합니다.

const arr = [{ a: 1 }]; const deepClone = _.cloneDeep(arr);

---

4. _.디바운스

• 마지막 호출 이후 지정된 시간이 지날 때까지 함수 실행을 지연합니다.

const log = _.debounce(() => console.log('Debounced!'), 300); window.addEventListener('resize', log);

---

5. _.스로틀

• 지정된 시간 간격에 함수가 최대 한 번 실행되도록 합니다.

const log = _.throttle(() => console.log('Throttled!'), 1000); window.addEventListener('scroll', log);

---

6. _.비어있습니다

• 값이 빈 개체, 배열 또는 거짓 값인지 확인합니다.

_.isEmpty([]); // true _.isEmpty({}); // true _.isEmpty(''); // true

---

7. _.병합

• 두 개 이상의 개체를 심층적으로 병합하여 속성을 결합합니다.

const obj1 = { a: { b: 1 } }; const obj2 = { a: { c: 2 } }; _.merge(obj1, obj2); // { a: { b: 1, c: 2 } }

---

8. _.픽

• 선택한 속성으로 구성된 객체를 생성합니다.

const obj = { a: 1, b: 2, c: 3 }; _.pick(obj, ['a', 'c']); // { a: 1, c: 3 }

---

9. _.생략

• 지정된 속성을 제외한 객체를 생성합니다.

const obj = { a: 1, b: 2, c: 3 }; _.omit(obj, ['b']); // { a: 1, c: 3 }

---

10. _.유니크

• 배열에서 중복된 값을 제거합니다.

_.uniq([1, 2, 2, 3]); // [1, 2, 3]

---

11. _.groupBy

• 제공된 기준에 따라 배열 요소를 그룹화합니다.

_.groupBy([6.1, 4.2, 6.3], Math.floor); // { '4': [4.2], '6': [6.1, 6.3] }

---

12. _.sortBy

• 특정 속성이나 기준에 따라 개체 배열을 정렬합니다.

const users = [{ name: 'Tom', age: 30 }, { name: 'Jerry', age: 20 }]; _.sortBy(users, 'age'); // [{ name: 'Jerry', age: 20 }, { name: 'Tom', age: 30 }]

---

13. _.지도

• 컬렉션의 각 요소를 변환하여 새 배열을 만듭니다.

_.map([1, 2, 3], n => n * 2); // [2, 4, 6]

---

14. _.필터

• 제공된 조건을 통과하는 요소로 배열을 만듭니다.

_.filter([1, 2, 3, 4], n => n % 2 === 0); // [2, 4]

---

15. _.찾기

• 조건을 만족하는 첫 번째 요소를 찾습니다.

_.find([1, 2, 3, 4], n => n > 2); // 3

---

16. _.평평하게

• 중첩 배열을 단일 레벨 배열로 평면화합니다.

_.flatten([1, [2, [3, [4]]]]); // [1, 2, [3, [4]]]

---

17. _.플랫튼딥

• 중첩된 배열을 완전한 단일 레벨 배열로 평면화합니다.

_.flattenDeep([1, [2, [3, [4]]]]); // [1, 2, 3, 4]

---

18. _.차이

• 두 번째 배열에 없는 첫 번째 배열의 값을 반환합니다.

const obj = { a: { b: { c: 42 } } }; _.get(obj, 'a.b.c', 'default'); // 42

---

19. _.덩어리

• 배열을 지정된 크기의 그룹으로 분할합니다.

const obj = {}; _.set(obj, 'a.b.c', 42); console.log(obj); // { a: { b: { c: 42 } } }

---

20. _.같음

• 심층 비교를 수행하여 두 값이 동일한지 확인합니다.

const arr = [{ a: 1 }]; const deepClone = _.cloneDeep(arr);

---

계속 배우고 즐기세요!

위 내용은 Lodash - 자바스크립트 강력한 도구의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!