JavaScript 개발자를 위한 Lodash 소개 및 이점
홈페이지홈페이지 > 블로그 > JavaScript 개발자를 위한 Lodash 소개 및 이점

JavaScript 개발자를 위한 Lodash 소개 및 이점

Dec 18, 2023

Lodash는 JavaScript 코드를 강화하고 기본 사항을 단순화하는 유틸리티 라이브러리입니다.

Lodash는 함수형 프로그래밍 모델을 사용하여 일반적인 프로그래밍 작업에 대한 유틸리티 기능을 제공하는 JavaScript 라이브러리입니다.

웹 브라우저 및 Node.js와 함께 작동하는 라이브러리는 데이터 수정 및 변환, 비동기 작업 수행 등을 수행할 수 있습니다.

lodash를 사용하여 배열, 문자열 및 객체를 조작하는 방법을 배우고 함수 합성과 같은 고급 기능에 대해 알아보세요.

CDN(Content Delivery Network)을 사용하거나 npm 또는 Yarn을 사용하여 설치하는 두 가지 방법 중 하나로 lodash를 앱에 추가할 수 있습니다.

브라우저에서 lodash를 직접 사용하려면 아래 lodash CDN 링크를 복사하여 HTML 파일의 head 섹션에 삽입하세요.

이 접근 방식을 사용하면 HTML 본문에서 lodash를 사용하여 스크립트를 실행할 수 있습니다.

Node.js 프로젝트에서 lodash를 사용하려면 프로젝트 디렉터리에 lodash를 설치해야 합니다. 이렇게 하려면 npm이나 Yarn을 사용할 수 있습니다.

이제 JavaScript 파일에서 lodash를 요구하여 사용할 수 있습니다.

JavaScript 파일을 실행하려면 node 명령을 입력하십시오.

Lodash에는 JavaScript의 내장 Array 클래스 이상의 기능을 제공하는 배열 조작용 메서드 세트가 함께 제공됩니다.

이 방법은 배열을 주어진 크기의 더 작은 배열 그룹으로 나눕니다. 최종 청크는 요청한 크기보다 작을 수 있습니다.

예는 다음과 같습니다.

이 메서드는 기존 배열의 끝에 값을 연결하여 새 배열을 생성합니다.

예를 들어:

이 메서드는 배열 요소를 결합하여 문자열을 반환합니다. 메소드를 호출할 때 매개변수로 전달하는 구분 기호를 사용하여 이들을 결합합니다. 사용되는 기본 구분 기호는 쉼표입니다.

베어 JavaScript를 사용하면 문자열 형식 지정이 간단한 프로세스입니다. 그러나 lodash를 사용하면 훨씬 더 쉬워집니다.

lodash로 수행할 수 있는 가장 일반적인 문자열 조작 작업은 다음과 같습니다.

이 두 메서드는 각각 문자열이 하위 문자열로 시작하거나 끝나는지 확인합니다. 두 메서드 모두 true 또는 false의 부울 값을 반환합니다.

예를 들어:

이 메서드는 특정 횟수만큼 문자열을 반복적으로 인쇄합니다. 문자열을 첫 번째 인수로 사용하고 반복 횟수를 두 번째 인수로 사용합니다.

이 방법은 선행 및 후행 공백을 제거합니다. 또한 문자열의 시작과 끝에서 특정 문자를 제거하는 데 사용할 수도 있습니다.

예를 들어:

다음은 lodash로 수행할 수 있는 문자열 조작의 몇 가지 예입니다.

그만큼_.병합() 메소드는 입력 객체의 속성을 결합하여 새로운 객체를 생성합니다. 해당 속성이 둘 이상의 개체에 있는 경우 나중 개체의 속성 값이 이전 개체의 값을 대체합니다.

예를 들어:

이 예에서 메서드는 두 번째 개체의 'Chemistry' 속성을 추가하고 첫 번째 개체의 'Science' 속성 값을 덮어씁니다.

이 메서드는 주어진 일련의 속성이 객체에 존재하면 true를 반환하고 그렇지 않으면 false를 반환합니다.

예를 들어:

이 메서드는 주어진 속성에서 지정된 속성을 제거하여 새 객체를 반환합니다.

예를 들어:

함수 합성은 함수형 프로그래밍 언어에서 사용할 수 있는 기술입니다. 여기에는 각 함수를 특정 순서로 호출하여 두 개 이상의 함수를 새로운 함수로 결합하는 작업이 포함됩니다. 이 기능을 사용하면 간단한 함수에서 더 복잡한 논리를 만들 수 있습니다.

이 기술을 적용하기 위해 lodash에는_.흐름그리고_.flowRight 기능. 그만큼_.흐름()function은 함수 목록을 인수로 받아들이고 전달한 순서와 동일한 순서로 함수를 적용하는 새 함수를 출력합니다._.flowRight()함수는 동일한 작업을 수행하지만 함수를 반대로 호출합니다.

예를 들어:

위의 코드는 함수를 정의합니다추가5그리고배두 . addFive 함수는 주어진 숫자에 5를 더한 결과를 반환합니다. timesTwo 함수는 입력 숫자에 2를 곱하고 결과를 반환합니다.