728x90
자바스크립트 구조분해할당과 keys를 얻는 방법에 대해 간략하게 적어둔다.
const user = {
name:'홍길동',
age: 25,
email:'link2me@gmail.com'
}
// 구조 분해 할당 : 필요한 변수만 지정할 수 있다.
const { name, age, email } = user;
console.log(`사용자의 이름은 ${name}입니다.`);
console.log(`${name}의 나이는 ${age}세 입니다.`);
console.log(`${name}의 이메일은 ${email}세 입니다.`);
/***
* Object.keys(obj) – 객체의 키만 담은 배열을 반환.
* Object.values(obj) – 객체의 값만 담은 배열을 반환
* Object.entries(obj) – [키, 값] 쌍을 담은 배열을 반환
*/
const keys = Object.keys(user);
console.log(keys); // [ 'name', 'age', 'email' ]
console.log(user['email']);
const values = keys.map(key => user[key])
console.log(values); // [ '홍길동', 25, 'link2me@gmail.com' ]
for(let key in user){
console.log(`${key} ${user[key]}`);
}
|
728x90
'React > morden javascript' 카테고리의 다른 글
JavaScript Object.assign() (0) | 2023.10.17 |
---|---|
Javascript 클로저(Closure) (0) | 2023.10.06 |
자바스크립트 일급객체(first class citizen) (0) | 2022.12.28 |
[ES2020] optional chaining (0) | 2022.12.28 |
[ES6] 비구조화 할당(destructuring assignment) (0) | 2022.12.28 |