본문 바로가기

인터넷강의/JavaScript

1.9-1.10 데이터를 정렬하는 두 가지 방법 Array, Object

1.9 Organizing Data with Arrays

  • calmel case (낙타)
    • 변수명의 처음 시작은 무조건 소문자로 쓴다.
    • 변수명 중간에 스페이스가 필요하면 스페이스 대신 단어 첫글자를 대문자로 쓴다.
    • 스페이스가 없더라도 이상한 문자 넣으면 안됨 . 이라던가 / 같은 것들
  • 데이터를 정렬하려면 어떻게 하면 좋을까?

const monday = "Mon";
const tuesday = "Tue";
const wednesday = "Wed";
const thuresday = "Thu";
const friday = "Fri";
const saturday = "Sat";
const sunday = "Sun";
console.log(monday, tuesday, wednesday, thuresday, friday, saturday, sunday);

[ '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];
console.long(dayOfWeek);

[ '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

}

console.log(nicoInfo);

{ 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