👩🏼‍💻바닐라 JS로 크롬 앱 만들기 : 2.4-2.7

#2.4 Booleans

true :on/ false:off / null: 의도적으로 값을비움 /undefined: 값이 없음.
const amIfat = false;// 값이 존재
console.log(amIfat);
const amIslim = null;//변수에 값이 존재 x,
console.log(amIfat);
let something;
console.log(something, amIfat);
//undefined,null

#2.5 Arrays

[]사용해서 각각의 항목은, 로 구분해주며 값의 순서화된 목록으로 저장하고
요소에 접근하기 위하여 인덱스를 사용한다.
//array의 목적은 하나의 variable안에 데이터의 list를 가지는것이다.
const mon = "mon";
const tue = "tue";
const wed = "wed";
const thu = "thu";

const daysOfweek = [mon, tue, wed, thu];
const nonsense = [1,2,"hello",3,4,5,undefined];
console.log(daysOfweek, nonsense);
const daysOfweeks = ["mon", "tue", "wed", "thu"];

console.log(daysOfweek[3]);//thu
//add one more day to the array
daysOfweek.push("sun"); // 배열에 항목을 추가.
//get item from array
console.log(daysOfweek);

#2.6 Object

{}사용하여 정의되며 ,key-value의 쌍으로 이루어져있다. key를 통해 각 속성에 접근하거나
속성을 추가,수정 삭제에 유용하여 구조화된 데이터를 표현하는 객체지향 프로그래밍의 기본요소.
const player = {
   name: "nico",
   points: 100,
   handsome: false,
};
console.log(player);
player.handsome = true;//constant의 객체를 수정하는것은 안되지만 key의 value는 수정가능.
player.lastName="potato"; //새로운 프로퍼티를 추가하는것도 가능.
console.log(player.name);

#2.7 Functions

함수는 코드를 캡슐화하고 재사용 가능한 블럭으로 만드는것.
function sayhello() {
    console.log("hello");
}
sayhello(); //"hello"