Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- DATAVIEW
- dataviewjs
- 개발이론
- 옵시디언
- 기술이론
- ender
- 남자피부관리
- ender v3
- 옵시디언 dataview
- ender v3 se
- It용어
- 개발기초
- 3d 프린터 기초
- 개발
- 네트워크 이론
- 3D프린터
- 네트워크
- 알고리즘
- 3D모델링
- Sketcher
- 옵시디언 dataviewjs
- 프로그래머스
- 피부관리
- blender
- 코드스니펫
- 웹기초
- 자바스크립트
- 웹개발
- 기술용어
- 나이아신아마이드
Archives
- Today
- Total
루이의 개발 블로그
구조 분해 할당으로 속성을 가져오는 방법 본문
({ incar }) =>
(workDir) => {
// 필터링된 파일 리스트를 가져오는 함수 정의
const copyFiles = Object.values(incar.inputs)
.filter((input) => input.file?.value?.length > 0)
해당 로직을 보면 incar로 불러온 다음 incar.inputs를 사용하는것을 볼 수 있다. 나는 이렇게 사용해야만 하는 줄 알았다. 문득 그 안에있는 자식을 바로 구조분해할당으로 바로 얻을수는 없을까? 하고 알아본 결과 다음과 같은 방법으로 가능하다는 것을 알게 되었다.
{incar:{inputs}} 그냥 오브젝트 구조를 그리고 어떤 속성을 가져올지 적으면 되는것이였다.
({ incar: { inputs } }) =>
(workDir) => {
// 필터링된 파일 리스트를 가져오는 함수 정의
const copyFiles = Object.values(inputs)
.filter((input) => input.file?.value?.length > 0)
.map((input) => input.file);
// 파라미터 객체 생성 및 반환
return {
fileList: copyFiles,
path: workDir,
};
}
이처럼 바로 구조분해할당으로 얻을 수 있음을 인지하고 넘어가라
'웹개발' 카테고리의 다른 글
forEach에서 구조분해할당 활용하는 방법 (0) | 2024.10.31 |
---|---|
화살표 함수에서 this를 사용할 때 undefined 를 뱉을 수 있음 (0) | 2024.10.31 |