2021/06/06 자바스크립트

lodash

import _ from 'lodash'

lodash 를 사용하기 위해 통상적인 방법으로 _(under bar)를 통해 import를 합니다.

 

const usersA = [
  { userId: '1', name: 'Dongit' },
  { userId: '2', name: 'Nobin' }
]
const usersB = [
  { userId: '1', name: 'Dongit' },
  { userId: '3', name: 'Yesbin' }
]

배열 안의 객체 데이터가 겹치는 배열 데이터를 두개를 이용하겠습니다.

 

const usersC = usersA.concat(usersB)
console.log('concat:', usersC)

concat 메서드를 사용하여 배열을 합쳐 새 배열을 반환하면 위와 같이 출력이 됩니다.

 

하지만 중복데이터가 들어가기 때문에 이를 없애기 위해 lodash 라이브러리 안의 함수를 사용해보겠습니다.

 

console.log('uniqBy:', _.uniqBy(usersC, 'userId'))

uniqBy() 메소드를 사용하여 'userId' 에 대한 중복을 제거하고 새 배열을 반환합니다.

만약 여러개의 배열을 바로 중복데이터를 제거하고 반환하고 싶다면 unionBy() 메서드를 사용하시면 됩니다.

 

const usersD = _.unionBy(usersA, usersB, 'userId')
console.log('unionBy:', usersD)

여러 개의 배열을 합치면서 'userId' 에 대한 중복된 객체 데이터를 삭제하고 새 배열을 반환합니다.

 

Json 

속성-값- 쌍 또는 키-값 쌍으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷입니다.

 

Json의 기본 자료형

• 수(Number)
• 문자열(String): 0개 이상의 유니코드 문자들의 연속. 문자열은 큰 따옴표(")로 구분하며 역슬래시 이스케이프 문법을 지원한다.
• 참/거짓(Boolean): true 또는 false 값
• 배열(Array): 0 이상의 임의의 종류의 값으로 이루어진 순서가 있는 리스트. 대괄호로 나타내며 요소는 쉼표로 구분한다.
• 객체(Object): 순서가 없는 이름/값 쌍의 집합으로, 이름(키)이 문자열이다.
• null: 빈 값으로, null을 사용한다.

myData.json 이라는 이름으로 json  파일을 하나 만들고 안에 내용은 아래와 같이 입력했습니다.

{
  "string": "abcd",
  "number": 123,
  "boolean": true,
  "null", null,
  "object": {},
  "array": []
  //"undefined": undefined //Error
}

json 파일에서 undefined는 사용할 수 없습니다.

json 파일을 다른 자바스크립트파일에서 사용하기 위해 import를 해주셔야 합니다.

import myData from './myData.json'