일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 프로그래머스
- 리액트 프로젝트
- typeScript
- 파이썬 딕셔너리
- useState
- React Hooks
- 리액트 훅
- 내일배움캠프 프로젝트
- 파이썬 for
- 내일배움캠프
- 자바스크립트
- 파이썬 enumerate
- 타입스크립트
- tanstack query
- JavaScript
- 리액트
- 내배캠 프로젝트
- 리액트 공식문서
- 타입스크립트 리액트
- REACT
- 코딩테스트
- Next 팀 프로젝트
- 파이썬 slice
- 한글 공부 사이트
- 내일배움캠프 최종 프로젝트
- 파이썬 for in
- 파이썬 replace
- 리액트 공식 문서
- 파이썬 반복문
- useEffect
- Today
- Total
목록객체 (3)
sohyeon kim
객체를 프로퍼티를 맘대로 다뤄 보자! let aoto = { name: "yae", hateFood: null } 💡 프로퍼티 수정 console.log(aoto.name); // "yae" aoto.name = "aotoyae" console.log(aoto.name); // "aotoyae" 💡 프로퍼티 추가 console.log(aoto.gender); // undefined aoto.gender = "female" console.log(aoto.gender); // "female" 💡 프로퍼티 삭제 console.log(aoto.hateFood); // null delet aoto.hateFood; console.log(aoto.hateFood); // undefined 💡 프로퍼티 존재 여부 확..
객체의 데이터를 가져와보자! let aoto = { name: "yae", bornYear: 2023, isVeryNice: ture, hateFood: null, favoriteMovie: { title: "괴물", leadRole: "쿠로카와 소야", "히이라기 히나타" } } 💡 점 표기법 console.log(aoto.bornYear) // 2023 ❗️주의) 점 표기법은 따옴표로 감싸진 값은 가져올 수 없다! let aoto = { name: "yae", "born Year": 2023 } console.log(aoto.born Year) // XXX 접근불가 XXX console.log(aoto."born Year") // XXX 접근불가 XXX 💡 대괄호 표기법 (위 상황 해결 가능) let..
아래처럼 객체를 만드는 게 객체 리터럴 let user = { name: "aoto", age: 30, }; 객체를 여러개 만들어야하는 상황일 때 쓰는 것이 (회원이 여러명이거나..) 생성자 함수! new 함수명 function User(name, age) { // 함수명의 첫 글자는 대문자로 // this = {}; 실제 코드엔 없지만 함수가 실행되면 이런 식으로 동작 this.name = name; this.age = age; // return this; 실제 코드엔 없지만 함수가 실행되면 이런 식으로 동작 } let user1 = new User("aoto", 20); let user2 = new User("yae", 30); let user3 = new User("haru", 40); functi..