[자바스크립트] 객체에서 key, value가 같을때 생략해주기 (단축 속성명)
일반적인 객체의 모습 오브젝트는 key와 value로 이루어져 있다 { key: value, key: value... } ES6 property shorthand(단축 속성명) 오브젝트의 key와 value가 같으면 생략할 수 있다 { key, key, key... } 예제 let a = "maple"; let b = 20; let c = ["alpha", "beta", "gamma"]; let obj = { a, b, c }; /* 위의 객체는 아래의 객체와 같다 obj = { a: a, b: b, c: c } */ console.log(obj.a) // "maple"
2022. 4. 13.
[리액트] 스프레드 문법으로 state에 값 추가해주기
1. 스프레드 문법(spread operator)이란? 자바스크립트의 스프레드 문법은 배열이나 객체 앞에 ...을 붙여 안에 있는 모든 요소를 복사해 꺼내주는 문법이다. 일반적으로 요소를 밖으로 꺼내준 후 다른 배열이나 오브젝트에 할당할때 사용된다. 리액트에서 스프레드 문법은 concat 메서드와 같이 state에 값을 추가할때 사용된다. 2. 자바스크립트 스프레드 문법 예시 2.1 배열 const array = [1, 2, 3, 4]; newArray = [...array, 5]; console.log(newArray) // [1, 2, 3, 4, 5] 코드해석 1) array이라는 변수에 배열 [1, 2, 3, 4]가 할당되어있다 2) 스프레드 오퍼레이터(...) 문법으로 array에 있는 모든 값을..
2022. 4. 8.
