TIL : lodash times, JS(every,some), dexport default/export 차이

Chanho Yoon·2021년 5월 23일
0

기억보단 기록

목록 보기
2/8

오늘의 기록들

✅ lodash times

콜백 함수를 반복 횟수만큼의 데이터를 배열로 반환한다.

npm install lodash
import times from 'lodash/times'

times("반복횟수", 콜백함수)

times(4,() => (
  <h1>4번 반복</h1>
))

lodash times를 이용해 중복성을 제거 해보자

  <div className="grid-row">
    <div className="grid-cell"></div>
    <div className="grid-cell"></div>
    <div className="grid-cell"></div>
    <div className="grid-cell"></div>
  </div>
<div className="grid-row">
  {times(MAX_POSTION, () => (
   <div className="grid-cell"></div>
   ))}
</div>

✅ JS every , some

const data = [
  {value : 20},
  {value : 50},
  {value : 30},
  {value : 45}
]

every (return - false)

let result = data.every( item => { return item.value <= 20 }) // false

조건을 만족하지 않는 값이 발견되면 그 즉시 성능을 위해 순회를 중단시킨다.

some (retrun - true)

let result = data.some ( item => { return item.value <= 20 }) // true

조건을 만족하는 값이 발견되면 즉시 성능을 위해 순회를 중단

✅ export default / export 차이

두 종류로 유명(named)기본(default) 내보내기가 존재.

  • 유명 내보내기 : 여러 개가 존재 할 수 있다
  • 기본 내보내기 : 하나만 가능하다.

유명 내보내기

export { function1, function2 };
export let num = 2;
export function functionName() {};

유명 내보내기는 가져올 때(import) 내보낸 이름과 동일하게 사용해야 한다.
식별자 충돌을 피하기 위해 내보내기 중 이름을 바꿔 줄 수도 있다.
export { function1 as functionOne, function2 as functionTwo}

기본 내보내기

export default function () {}
export default class () {}

기본 내보내기는 가져올 때(import) 어떠한 이름으로도 가져올 수 있다.


lodash

0개의 댓글