Javascript36 [javascript] spread 펼쳤다.. 접었다... spread 객체에서의 spread spread는 펼치다의 의미를 갖고 있다. 이 문법을 사용하면 객체 혹은 배열을 펼칠 수가 있다. const slime = { name: "슬라임" }; const cuteSlime = { name: "슬라임", attribute: "cute" }; const purpleCuteSlime = { name: "슬라임", attribute: "cute", color: "purple" }; console.log(slime); console.log(cuteSlime); console.log(purpleCuteSlime); // {name: "슬라임"} // {name: "슬라임", attribute: "cute"} // {name: "슬라임", attr.. 2023. 1. 16. [javascript] - 비구조화 할당 (구조 분해) 월요일 아침이 밝았다. 비구조화 할당 ES6부터 추가된 문법이며 구조 분해 할당(Destructuring Assignment)라고도 하며, 배열이나 객체의 값을 새로운 변수에 쉽게 할당한다. 1. 객체 비구조화 할당 const object = { a: 1, b:2, c:3 }; const { a, b } = object; console.log(a); console.log(b); function print({ a, b }) { console.log(a); console.log(b); } print(object); // 1 // 2 비구조화 할당은 객체나 배열 값 중에 일부만 꺼내서 사용하고 싶을 때 사용할 수 있다. 위 코드에서 object 변수 안에 a,b,c중에 a와 b만 비구조화 할당을 통해 가져오는.. 2023. 1. 16. [javascript] - 07 프로토타입과 클래스 - es6 클래스 예제 요즘 javascript 공부하는 게 재밌는 것 같다. + 20220322의 홍두현이 과거에 홍두현에게 "그거 아니야..... 제발 정신 차려..." Food 예제 이번 예제에서는 음식과 음식점, 그리고 위치를 class로 나타내는 예제를 만들어 보려고 한다. 먼저 class를 만들어주고 작성할 때는 앞을 무조건 대문자로 해준다. class를 만들었으면 그 안에 constructor 즉, 생성자를 만들어주고 파라미터에 내가 넣고 싶은 값을 넣는다. class Food { constructor(name) { this.name = name; this.locations = []; this.brands = []; } } 예시를 Food로 했기 때문에 pizza 와 chicken으로 해보겠다. 표현할 값들은 na.. 2023. 1. 16. [javascript] - 07 프로토타입과 클래스 - es6 class 오늘은 어깨운동을 했다. 나도 남들처럼 어깨에 코코넛 하나씩 달고 다니고 싶다. 원래 Class는 C++ java C# php 등 다른 언어에는 있었지만 javascript에는 없다가 es6문법이 나오면서 생기게 되었다. 이전 프로토타입 객체 상속받기에서 했던걸 es6문법을 통해 좀 더 간결하게 작업을 해보려 한다. 사용하려는 문법은 Class이며 이를 통해 좀 더 알기 쉬운 문법으로 바꿔보자. class Animal { constructor(type, name, sound) { this.type = type; this.name = name; this.sound = sound; } say() { console.log(this.sound); } } const dog = new Animal("개", "멍멍이.. 2023. 1. 16. 이전 1 ··· 3 4 5 6 7 8 9 다음 반응형
