dev41 심볼 symbol 객체의 키는 주로 문자형으로 생성하고 접근한다. 아래 예제를 보면 숫자형과 불린형으로 key로 넣어 객체를 반환할때 문자형으로 반환되는 것을 볼 수 있다. 실제로 접근할 때도 문자형으로 접근할 수 있다. const obj = { 1: '숫자 1', false: '거짓', } console.log(Object.keys(obj)); //['1', 'flase'] 반환 console.log(obj['1']); // '숫자 1' 반환 // 숫자형 1과 불린형 false 를 key 값으로 넣어지만 문자형으로 전환되면서 반환 심볼형이란? 문자형으로 객체 프로퍼티 키를 반환하는것도 가능하고 한개 더 가능한것이 원시형 타입중 하나인 '심볼형' 이다. 심볼은 유일한 식별자를 만들때 주로 사용한다. 이 말이 좀 어려운데 .. 2023. 2. 22. 객체에서 쓸 수 있는 메소드들 Object.assign() : 객체 복제 기존에 있던 객체를 복사하여 사용하고 싶을땐 어떻게 해야할까? 단, 기존의 객체의 키와 값은 그대로 유지 되어야 한다. 그때 사용하는 메소드가 Object.assign()이다. const user = { name: 'Mike', } const newUser = Object.assign({}, user); newUser.name = 'tom'; // 새로 만든 객체의 이름 값은 'tom'으로 변경 console.log(newUser); // {name: 'tom'} 으로 변경되어 출력 console.log(user); // 기존 객체의 키와 값은 변하지 않고 {name: 'Mike'} 출력 위 같은 메소드 말고 아래와 같은 방법으로 복사해서 쓰면 어떻게 될까? /.. 2023. 2. 18. 계산된 프로퍼티 computed property 계산된 프로퍼티 (computed property, 연산 프로퍼티) 저장 프로퍼티와 다릴 저장 공간을 갖지 않고, 다른 저장 프로퍼티의 값을 읽어 연산을 실행하거나, 프로퍼티로 전달받은 값을 다른 프로퍼티데 저장한다. 쉽게 말하면 키(key) 값에 변수 또는 함수를 넣고 싶을때 사용된다. let a = 'age'; // 변수 a 에 age 값을 할당 const user = { name: 'Mike', [a]: 32, // computed property } // user 객체에 변수 [a]에 할당된 값을 불러옴 > 이것을 computed property 라고 불음 아래와 방식 외에도 식 자체를 넣는것도 가능 const user = { [1+4]: 5, ['안녕' + '하세요']: 'Hello', } co.. 2023. 2. 17. 객체 object 객체는 키(key) 와 값(value)으로 구성된 프로퍼티(property)를 가지고 있으며 각 프로퍼티는 ,(쉼표)로 구분된다. object 접근, 추가, 제거 const man = { name: 'Mike', age: 33, } // 추가 man.gender = 'male'; man['hairColor'] = 'black'; // 접근 console.log(man.hairColor); console.log(man['gender']); // 제거 delete man.gender; console.log(man.gender); // gender 의 값이 삭제됨 단축 프로퍼티 const name = 'mike'; const age = 33; const man = { name, // name: name 과 같.. 2023. 2. 11. 이전 1 ··· 5 6 7 8 9 10 11 다음
