javascript

{
    let x = 100, y = 200, z = "javascript";

    console.log(x, y, z);
}

{
    const x = 100, y = 200, z= "javascript";

    console.log(x, y, z);
}

{
    const arr = [100,200,"javascript"];

        console.log(arr[0],arr[1],arr[2]);

    const arr = [100, 200, 300, 400, [500, 600]];

        console.log(arr[4][0]);     //4번째 배열 안에 있는 0번째
        console.log(arr.length);    
}

{
    const arr = [100, 200, ["javascript","react"]];

    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2][0]);
    console.log(arr[2][1]); //각진 괄호 안에 순서에 맞게끔 쓴다.
}

{
    const arr = [100, 200, "javascript"]; 

    console.log(arr.length)  //length를 이용해서 갯수를 구하는 방법 
}

{
    const arr = [100, 200, 300, 400, 500, 600, 700, 800, 900]

    for (let i=0; i<9; i++){
        console.log(arr[i]);}
}

{
    for( let i=1; i<=10; i++ ){
        console.log("i : " + " i );

        for(let j=1; j<=10; j++ ){
            console.log(j : " + " j );  
        }
    }
}

{
    let arr = [10,20,30,40,50,60,70,80,90];

    //for문 이용해서 출력
    for(let i=0; i<arr.length; i++){
            document.write(arr[i]);
        }

    //forEach 문
    arr.forEach(function(element){
        document.write(element);
    });

    //forEach (화살표 함수)
    arr.forEach((element)=>;{
        document.write(element);
    });

    forEach (변수 괄호 생략)
    arr.forEach(el=>{   //element 줄여서 el 
        document.write(el);
    });

    //forEach (중괄호 생략)
    arr.forEach(el=>document.write(el));
}

{
    const arr = [100, 200, 300, 400, 500];

    for(let i of arr){     
        document.write(i);
}

{
    const arr = [100, 200, 300, 400, 500];

    for(let i of arr){  
        document.write(arr[i]);  //arr이라는 변수를 입력하지 않으면 인덱스 값이 나온다.
    }
}

{
    onst num = [100, 200, 300, 400, 500];

    num.forEach(function(el, i, a){
        console.log(el)
        console.log(i)
        console.log(a)

    });//배열 안에다가 넣어줌

    num.map(function(el, i, a){
        console.log(el)
        console.log(i)
        console.log(a)
    )};
    
    //화살표 함수 및 괄호 삭제 

    const arr = [100, 200, 300, 400, 500];

    arr.map(function(el){
        console.log(el)
    });

    arr.map((el) => {
        console.log(el)     //function삭제 후 화살표 써주기
    });

    arr.map (el => {
        console.log(el)     //el을 감싸고 있는 괄호 없애기
    });

    arr.map (el => console.log(el));    //중괄호 없애기
    
}

{
    
    let arr1 = [100, 200, 300, 400, 500];
    let arr2 = [600, 700];

    console.log(arr1);  
    console.log(...arr1);      //배열을 불러올 때 쓰는 펼침 연산자 문법
    console.log(...arr1, ...arr2)
}   

{
    let a, b, c;

    [a, b, c]= [100, 200, "javascript"];

    console.log(a)
    console.log(b)
    console.log(c) 
}

{
    const obj = {
        a:100,
        b:200,
        c:"javascript"
    }
        console.log(obj.a);
        console.log(obj.b);
        console.log(obj.c);
}   

{
    const obj = {
        a:100,
        b:200,
        c:"javascript"
    }
    console.log(Object.keys(obj));  //앞에 a,b,c값을 불러오는 방법 (배열로 불러옴)
    console.log(Object.values(obj));
    console.log(Object.entries(obj));
}

{
    const obj = {
        a:100,
        b:200,
        c:"javascript"
    }
    const name1 = obj.a
    const name2 = obj.b
    const name3 = obj.c

    console.log(name1)
    console.log(name2)
    console.log(name3)  //변수에 저장시켜서 불러오는 것
}

{
    const obj = {
        a:100,
        b:200,
        c:"javascript"
    }
    for(let key in obj){
        console.log(key);       
        console.log(obj[key]);  
    }
}

{
    const obj = [
                {a:100,  b:200, c:"javascript"}
            ]
            obj.map((el) => {
                console.log(el.a)
                console.log(el.b)
                console.log(el.c)
            });
}

{
    const obj = {
        a:100,
        b:200,
        c:"javascript"
    }
    console.log(obj.hasOwnProperty("a"));  //ture
    console.log(obj.hasOwnProperty("b"));  //ture
    console.log(obj.hasOwnProperty("c"));  //ture
    console.log(obj.hasOwnProperty("d"));  //flase

    console.log("a" in obj);  //obj안에 a가 있냐 없냐
    console.log("b" in obj);  
    console.log("c" in obj); 
    console.log("d" in obj); 
}

{
    const obj = {
        a: 100,
        b: 200,
        c: "javascript"
    }
    const spread = {...obj}

    console.log(spread.a);  //spread만 쓰면 다 나온다.
    console.log(spread.b);
    console.log(spread.c);

    //추가
    const obj = {
        a: 100,
        b: 200,
        c: "javascript"
    }
    const spread = {...obj, d:"react"}  

    console.log(spread.a); 
    console.log(spread.b);
    console.log(spread.c);
    console.log(spread.d);

    //결합
    const obj1 = {
        a: 100,
        b: 200,
    }
    const obj2 = {
        c: "javascript",
        d: "react"
    }
    const spread = {...obj1, ...obj2}  

    console.log(spread.a); 
    console.log(spread.b);
    console.log(spread.c);
    console.log(spread.d);

}

{
    const obj = {
        a: 100,
        b: 200,
        c: "javascript"
    }
    const {a,b,c} = obj;    //키 값이 들어가야한다.

    console.log(a);     // (obj.a)라고 써도 값이 나온다.
    console.log(b);
    console.log(c);

    const obj = {
        a: 100,
        b: 200,
        c: "javascript"
    }
    const {a:name1, b:name2, c:name3} = obj;    

    console.log(name1);     
    console.log(name2); 
    console.log(name3); 
}