4. Booleans

true와 false로 나뉘어져 있음
따옴표를 붙이지 않음.

const amIfat = true; 
console.log(amIfat);

JS코드

사용자가 로그인 했는가? 비디오가 플레잉되고 있는가? 이런 곳에서 true와 false가 사용될 수 있음

null은 아무것도 없다는 것을 뜻함.
false는 값이 있는데, null은 값이 없음.
undefined 는 메모리는 할당되어 있지만 값이 없는 경우를 의미

null은 자연적으로 발생하지 않음. null은 변수 안에 어떤 것이 없다는 것을 확실하게 위햐서 쓰는 것임.

undefined는 변수사 존재하지만 값이 주어지지 않은 것임.

예시

const amIfat = null;
let something; 
console.log(something, amIfat);

5. Array

데이터를 정리하는 법.
대괄호로 묶어서 사용하고 어떤 변수를 넣어도 상관이 없음

const mon = "mon"
const tue = "tue"
const wed = "wed"
const thu = "thu"
const fri = "fri"
const sat = "sat"
const sun = "sun"

const daysOfWeek = [mon, tue, wed, thu, fri, sat, sun ];
const nonsense = [1,2,"hello",false, null, true, undefined, "jiwon"];

console.log(daysOfWeek, nonsense);

배열 항목 불러오기 & 항목 추가하기

const daysOfWeek = [mon, tue, wed, thu, fri, sat];
//토요일을 받고 싶을 때 
console.log(daysOfWeek[5]);
//배열에 항목 추가하기 
daysOfWeek.push("sun");

console.log(daysOfWeek);

리스트를 이용해서 간편화하기

const toBuy =["potato","tomato","pizza"];
toBuy.push("kimbob");

console.log(toBuy)

6. Object

리스트말고 오브젝트를 만들어야할 때가 있음.

const player = ["nico", 1212, false, "little bit"];
// 이렇게 리스트로 하면 어떤 값이 무엇을 의미하는지 알 수가 없음. 

하지만 object를 쓴다면 위에 문제가 해결됨.

const player0 = {
    name: "nico",
    points: 10,
    fat: true,
};
console.log(player0)
console.log(player0.name)

object요소를 추가할 수도 있음

const player0 = {
    name: "nico",
    points: 10,
    fat: true,
};
console.log(player0)

player0.lastname = "potato";
console.log(player0);

7-1. Function

console.log("hello my name is Jiwon");
console.log("hello my name is Dal");
console.log("hello my name is shigae");
console.log("hello my name is Seowon");

이렇게 똑같은 작업을 이름만 바꿔가면서 하기가 어려움

그래서 함수라는 기능을 사용함.

function sayHello(){
    console.log("Hello!");
}

함수를 정의하는 방법

sayHello();
sayHello();
sayHello();
sayHello();

함수를 호출하는 방법

그렇다면 어떻게 function 안에 있는 값들을 바꾸면서(이름을 바꾸면서) 출력할 수 있을까??

7-2. Function

데이터를 function에 보내는 방법

function sayHello(nameOfPerson, age) {
    console.log("Hello my name is"+nameOfPerson+"and I am "+age);
}
sayHello("nico",10);
sayHello("lynn",23)

계산기 만들기

function plus(a,b){
    console.log(a+b);
}
function divide(a,b) {
    console.log(a /b);
}
plus(80,60);
divide(98,20);

function이 object 안에 있을 때

const player ={
    name: "nico",
    sayHello: function(a){
        console.log("hello "+ a +" nice to meet you");
    }
}

console.log(player.name);
player.sayHello("lynn");

계산기

const calculator= {
    add: function(a,b) {
        console.log(a+b);
    }, 
    minus: function(a,b) {
        console.log(a-b);
    },
    multiply: function(a,b) {
        console.log(a*b);
    }, 
    divide: function(a,b) {
        console.log(a/b);
    },  
    powerOf: function(a,b) {
        console.log(a**b);
    }, 
}
calculator.add(1,3);
calculator.minus(7,5);
calculator.multiply(2,3);
calculator.divide(8,2);
calculator.powerOf(2,3)