[노마드 바닐라JS 챌린지] Day.2 - Booleans , Arrays , Objects

  변수선언 const , let  

변하지 않는 고정적인 값 const

값을 계속 새로 정의할 수 있는 let

var는 안씀!!!

  Booleans  

data type 에는 숫자 , 문자 말고도
boolean 값으로 true,false가 있다.
또 다른 값으로는 null, undefined가 있다.
1. null: 컴퓨터에 값이 없음을 의도적으로 알리기 위해 채워진 값이다
2. undefined: let something; 처럼 변수에 값을 지정하지 않으면
메모리 상에 자리는 존재하지만 값이 채워지지 않은 채로 있다.

 

* undefined = 변수는 선언했지만 값을 할당하지는 않음
* null = 변수에 null(값이 없다)이 할당된다 즉, 정의됨

 

undefined=값이 정의되지 않음
null=값이 없음

const amIFat = null;

 

let something;

 

console.log(something, amIFat);  //undefined null

---

  Arrays  

데이터 정리하는 법 -->데이터 구조
데이터 구조중 가장 기본적인건 배열

선언 : const 배열명 = [1, 2, "hello", false, null, undefined]; 안에 뭐든 넣어도 됨
배열명[index 0부터];로 특정 순서의 값을 지정할 수 있음.

배열에 값을 추가 하는 법 --> 배열명.push(값);
이렇게 값을 추가하거나 변경할 수도 있음 --> 배열명[index] = 값;

const daysOfWeek = ["mon","tue","wed","thu","fri","sat"];

 

// Get Item from Array

console.log(daysOfWeek);

// Add one more day to the array

daysOfWeek.push("sun");

 

console.log(daysOfWeek);

 

따라서,

array는 하나의 변수 안에 데이터의 list를 가지는 것.

다른 프로그래밍 언어에도 있는 가장 기초적이고 필수적인 데이터 구조!

값을 리스트로 정리하는 것이다.

 

 

---

   Objects   

object는 property를 가진 데이터를 저장해주며, { } 를 사용한다.

const player = {

      name : "JHK",

      points : 10,

      fat : true,

};

--> 콤마(,)가 붙는 이유는 여러 객체가 정의될 수 있기 때문.

 

property를 불러오는 방법은 2가지가 있다.

1. console.log(player.name); => JHK
2. console.log(player[ "name" ]); => JHK

 

또한 property를 바꾸는 것은 가능하지만 선언된 object를 바꾸는 것은 불가능하다

console.log(player);
player.points = "20";
console.log(player.points );
--> 20

 

그리고 property 값을 바꿀 수 있다.

player.name= "새이름"

--> console.log(player.name);  // 새이름 

 

그리고 property를 추가 할 수도 있다.
player.koreanName = "정현";
--> { name: "JHK", points : 10, fat : true, koreaName: "정현" }

 

 

 

Array로 정의할 경우?

const player = ["yeon", 100, true]; 로 지정하면 어떤 속성의 값인지 알 수 없다.
(왜냐면 list는 같은 속성의 나열만 취급하기 때문이다.)

--> 다른 속성의 리스트를 만들기 위해서는 0bject를 만들어야 하는데 이때
[ ] 대신 { } 사용.

 

즉,

설명이 필요하지 않은 데이터 리스트들은 array로,
설명이 필요한 정보가 담긴 데이터 리스트들은 object로!