티스토리 뷰
안녕하세요. 동기 여러분! 오늘은 객체를 생성하는 방법에 대해 알아보겠습니다. 파이썬에서는 이와 비슷한 사전(Dictionary) 기능이 있는데요, 함께 비교해보며 가봅시다!
Creating Object Literals
객체는 자바스크립트의 다른 데이터 타입들처럼 변수로 선언될 수 있습니다. 다만 선언할 때 {}(Curly braces) 중괄호를 사용하여 정해줍니다.
// JavaScript
let dongiCoding = {}; // 객체가 비어있는 상태
저기 중괄호 안을 채워 줄 수 가 있는데, 바로 Key와 Value로 채워줄 수 있습니다. Key는 Value를 붙잡고 있는 Value의 이름이라고 생각할 수 있습니다. 그 이유는 Key를 통해 Value의 값을 불러올 수 있기 때문인데요 어떻게 생겼는지 보도록 합시다.
// JavaScript
let dongiCoding = { // <- OBJECT
name : 'dongi' // <- PROPERTIES
age : 28,
gender : 'male',
hobby : 'exercise'
};
4가지의 properties를 넣어 보았습니다. 객체의 구분은 , (comma) 쉼표로 해줍니다. 여기서 name과 age, gender, hobby가 모두 Key 값이고 : (colon) 콜론 뒤에 오는 'dongi', 28, 'male', 'exercise'가 Value 값입니다. 그리고 저 친구들을 모두 일컬을 때 properties라 부릅니다.
Python의 Dictionary
파이썬에서도 이와 같은 기능을 가진 친구들이 있는데, 바로 사전(Dictionary) 기능입니다.
# Python
dongiCoding = { 'name' : 'dongi', 'age' : 28, 'gender' : 'male', 'hobby' : 'exercise' }
다른 점이 있다면 JavaScript에서는 키값을 문자열로 만들어주는 ' '이 없어도 되는 반면, Python에서는 필요합니다. 이에 관해서는 다음 포스팅에 더욱 자세히 다루니 의구심은 다음 편에 풀어주세요!
오늘의 느낌
JavaScript의 기본도 이제 거의 막바지를 향해 달려가고 있습니다. 점점 가을이 다가오네요. 송편에 커피 한잔 때리고 싶습니다... 그 꿀 송편 말고 강원도 버젼 송편인데 안에 갈색 설탕 들어간 거...
'JavaScript' 카테고리의 다른 글
[JavaScript] Bracket Notation (0) | 2021.10.17 |
---|---|
[JavaScript] Accessing Properties (0) | 2021.10.17 |
[JavaScript] The .some(), .every() Method (0) | 2021.10.15 |
[JavaScript] The .reduce() Method (0) | 2021.10.14 |
[JavaScript] The .findIndex() Method (0) | 2021.10.13 |
- Total
- Today
- Yesterday
- method
- 프로그래머스
- 파이썬
- 자바스크립트
- Array
- Typescript
- javascript
- 실수
- HTML 기본
- 객체
- if문
- for문
- 함수
- em
- function
- html table
- 타입 좁히기
- html
- Type
- 반복문
- 메서드
- 타입스크립트
- css position
- Margin
- 동기코딩
- CSS 포지션
- padding
- Python
- CSS
- Object
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |