작심삼일 개발이야기

  • 홈
  • 방명록

javascript 2

[JavaScript] 배열을 객체로 변환하는 방법

배열을 객체로 변환하는 3가지 방법 object.assign() array.reduce() spread 연산자 사용 1. object.assign() const array = ['a','b','c']; const obj = Object.assign({}, array); console.log(obj) // {0: 'a', 1: 'b', 2: 'c'} 2. array.reduce() const array = ['a', 'b', 'c'] array.reduce(function(object, value, index) { object[index] = value; return object; }, {}) // {0: 'a', 1: 'b', 2: 'c'} 여기서 나는 키 값이 1부터 시작하기를 원해서 reduce를 사..

JavaScript 2022.02.22

옵셔널 체이닝이란?

객체에 접근할 때 프로퍼티가 없어도 에러 없이 접근할 수 있는 양날의 검(?) 같은 문법이다. let person = {}; console.log(person.name.firstName); //TypeError: Cannot read properties of undefined (reading 'firstName') 이렇게 객체에 존재하지 않는 프로퍼티에 접근 하려면 에러가 발생한다. 그래서 개발을 할 때 보통 &&를 사용해서 존재하지 않는 프로퍼티에 접근할 때 사용하곤 했다. let person = {}; console.log(person && person.name && person.name.firstName); //undefined 물론 이런 방법도 있지만 객체의 단계가 깊어지면 깊어질수록 코드의 길이..

JavaScript 2021.10.02
이전
1
다음
더보기
프로필사진

작심삼일 개발이야기

프론트엔드 개발자 입니다 :)

  • All (126)
    • React (16)
    • Next.js (2)
    • JavaScript (8)
    • TypeScript (6)
    • HTML, CSS (5)
    • 에러 해결 (13)
    • 라이브러리 (12)
      • React Hook Form (7)
      • SunEditor-react (2)
      • Firebase (1)
    • 이모저모 (12)
    • API (1)
    • 프로젝트 (3)
      • Just it (2)
      • 여유 (1)
    • 일기 (8)
    • 개발 서적 (18)
      • 클린코드(Clean Code) (9)
      • 개발자의 글쓰기 (8)
      • 지금 시작하는 프론트엔드 개발자를 위한 조언 (1)
    • 스터디 (20)
      • 클린코드(Clean Code) (13)
      • 리팩토링 2판 (7)
    • 컨퍼런스 (2)

Tag

React Hook Form, 객체, Just it, 불변성, 리팩토링, useFieldArray, typescript, 알고리즘, formik, 지연 초기화, suneditor, RHF, clean code, YUP, 클린코드, 주석, next.js, javascript, 개발자의 글쓰기, react,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/09   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바