Front-end/Vanilla JS

ellie : 객체 정리

philo0407 2020. 11. 11. 21:31

피곤하고.. 시간 관게상 부분적으로만 정리하였다.

 

let swCho = {
    name : 'swCho',
    age : 28,
    likes : {
        computer : 'js, java, web, algorithms',
        respects : 'feyman, Jaeseung Jeong, egoing ..',
        movie : 'The Spiriting Away Of Sen And Chihiro'
    }
} 

for (key in swCho) {
    console.log(key);
}

// error. its not iterable
for(k of swCho) {
    console.log(k);
}

// for (value of ojb)

let arr = [101, 202, 303, 404, 505];
for (val of arr) {
    console.log(val);
}

for (key in arr) {
    console.log(key);
}

in은 키값이고

of는 반복가능한 자료형에 대해 값을 출력한다.

 

// Object.assign(dest, [obj1, obj2, obj3...])

let copySw = Object.assign({}, swCho);
console.log(copySw);
copySw.name = 'namool nammol';
console.log(swCho); // 변경되지 않음

const fruit1 = { color: 'red', tasty: 'omg' };
const fruit2 = { color: 'blue', size: 'big' };
const mixed = Object.assign({}, fruit1, fruit2);
console.log(mixed.color);
console.log(mixed.size);
console.log(mixed.tasty);

 

깊은 복사