Language/javascript

[JavaScript] 단축 속성 명, 전개 구문, 템플릿 리터럴

다닿 2023. 10. 14. 18:43

단축 속성명 : property shorthand

var name = "asd";
var age = "123";
var obj = {
    name, // name : name 같은 이름의 변수를 할당할때 할당식을 생략할 수도 있다.
    age
};
console.log(obj);

 

전개 구문 : spread operator // es6

let arr = [1,2,3];
console.log(arr);
console.log(...arr);
console.log([...arr,4]);

let user = {
    name: "asd",
    age: 10
};

let newuser = {...user};
console.log(newuser);

function example(a,b,c,...args) {
	console.log(a,b,c);
	console.log(...args);
	console.log(args);
}
example(1,2,3,4,5,6,7);

 

템플릿 리터럴 Template Literal ``(백틱 ES6) 안에 스크립트내용을 넣을수 있음

멀티라인이랑 들여쓰기도 출력해줌

var v = "안녕하세요";
console.log(`Hello ${v}`);
console.log(`333 ${3+3}`);
console.log(`1줄
2줄
    3줄`);