1.9 Organizing Data with Arrays
- calmel case (낙타)
- 변수명의 처음 시작은 무조건 소문자로 쓴다.
- 변수명 중간에 스페이스가 필요하면 스페이스 대신 단어 첫글자를 대문자로 쓴다.
- 스페이스가 없더라도 이상한 문자 넣으면 안됨 . 이라던가 / 같은 것들
- 데이터를 정렬하려면 어떻게 하면 좋을까?
const monday = "Mon"; |
[ 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun' ] |
=> 비효율적
1. Array (배열)
- Array는 리스트같이 여러 데이터들을 하나로 묶어 저장한다.
- 생성 방법 : 데이터를 [] 부호로 감싼다.
- 데이터( string, frue/false, number, float 등) 가 섞여 있어도 된다.
const dayOfWeek = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", true]; |
[ 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', true ] |
- Array 규칙
- 배열의 첫 칸이 0부터 시작한다.
console.log(dayOfWeek[2]); | console.log(dayOfWeek[432]); |
Wed | undefined //존재하지 않음 |
- 변수 안에 변수를 넣어도 된다.
const something = "some" const dayOfWeek = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", something ]; |
[ 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', 'some' ] |
key- value
1.10 Organizing Data with Objects
- Object에는 Array와 다르게 각 value에 이름을 줄 수 있다.
- list로 만들고 싶을 땐 array로 정의 한다.
const nicoInfo = ["Nicolas", "55", true, "Seoul"]; console.log(nicoInfo); |
[ 'Nicolas', '55', true, 'Seoul' ] |
2. object (객체)
- 생성 방법 : {} 로 감싼다.
- {} 안에 lavel : value 작성후 , (콤마) 를 반복해감 (콤마 빼먹지 말기!! string의 ""도 빼먹지말자 ★ )
const nicoInfo = { name:"Nico", age:33, gender:"Male", isHandsome:true } |
{ name: 'Nico', age: 33, gender: 'Male', isHandsome: true } |
- 특정 라벨에 접근하는 방법
- 객체명에 .(dot)을 붙인 후 라벨명을 적는다.
console.log(nicoInfo.gender); |
Male |
- 안에 있는 값은 변경할 수 있다.
nicoInfo.gender = "Female" |
Female |
gender은 변수다.
- DB에서 가져온 리스트 데이터라면 Array를 선택
- 데이터를 합쳐서 만들어야 한다거나, 많은 사람들을 Array로 만든다고 하면 많은 nicoInfo라는 Array를 만들어야 함(lynnInfo, dalInfo, jayInfo ...)
- Array를 Object 안에 넣을 수 있다.
- Object를 Object 안에 넣을 수 있다.
- Object를 Array 안에 넣을 수 있다.
- Array를 Array 안에 넣을 수 있다.
const food = [ "apple", "banana" ]; const like = [ "friend", "game", food];
console.log(like); |
[ 'friend', 'game', [ 'apple', 'banana' ] |
내일 혼자서 실습 많이해보기 |
'인터넷강의 > JavaScript' 카테고리의 다른 글
2.0-2.1 (0) | 2021.03.11 |
---|---|
1.6-1.8 Javascript 변수, 주석, 데이터타입 (0) | 2021.03.10 |
1.3-1.5 (0) | 2021.03.09 |
1.0-1.2 JavaScript의 개념, 할 수 있는 일, Specification (0) | 2021.03.09 |