자바스크립트 최신 문법과 사용법 정리

이동규·2023년 5월 25일

JAVASCRIPT

목록 보기
7/21
// object 생성
{
let kim = {
    name: "kim",age: 27
};
const name ="lee";
const age = 26;
let park ={name : name, age: age };
let lee ={name, age,};
console.log(park,lee,kim);
}

// object 접근
{
const student = {name: 'Anna', level:1};
const name_1 = student.name;
const level_1 = student.level;

const {name ,level} = student;

const {name:name2,level:level2} = student;
console.log(name_1,level_1,name,level,name2,level2);
}

// Array
{
    const animal = ['😉','🥹'];
    const first = animal[0];
    const second = animal[1];
    const [first_1,second_1] = animal;
    console.log(first,second,first_1,second_1);
}

// spread syntax
{
    const obj1 = {key:'key1'};
    const obj2 = {key:'key2'};
    const array = [obj1,obj2];
    
    // arraycopy 

    const arraycopy =[...array]; //spread syntax는 object의 주소의 참조값을 갖고 온다. 
    
    const arraycopy2 = [...array,{key:'key3'}];
    console.log(array,arraycopy, arraycopy2);
}

//array concatation 
{
    const fruit1 = ['🍓','🍇'];
    const fruit2 = ['🍍','🍈'];
    const fruit =[...fruit1,...fruit2];
    console.log(fruit);
}
//object merge
{
    const dog1 ={dog:'🐶'};
    const dog2 ={dog:'🐕'};
    const dog3 ={...dog1,...dog2};//key값이 동일한 경우 덮어 씌운다
    console.log(dog3);
}

{
    function printmessage(message ='defalut message') {
        console.log(message);
    }
    printmessage("hello");
    printmessage();

        
    
}
// 문자열 예쁘게
{ let name ="이동규";
  let age = '25';
    console.log(`저의 이름은 ${name}입니다. 나이는 ${age} 입니다.`);
}

//logicial operator
//false는 false,'',0,null,undefined

{

}

0개의 댓글