[자바스크립트] 6. 오브젝트
object는 key와 value의 집합체이다.
1. Literals and properties
const kim = {name:'kim', age:26};
function print(person) {
console.log(person.name);
console.log(person.age);
}
print(kim);
// 할당과 삭제 동적으로 가능
kim.handsome = true;
console.log(kim.handsome); // true
delete kim.handsome;
console.log(kim.handsome); // undefined
2. Computed properties
항상 string 타입으로 호출, 런타임 시에 동적으로
console.log(kim['name']); // kim
console.log(kim['handsome']); // undefined
3. Property value shorthand
4. Constructor function
const person1 = {name : 'a', age : 1};
const person2 = {name : 'b', age : 2};
const person3 = {name : 'c', age : 3};
const person4 = new Person('d', 4);
console.log(person4);
function Person(name, age) {
this.name = name;
this.age = age;
}
5. in operator
object 안에 key가 있는지 확인
6. for..in, for..of
for (let key in kim) {
console.log(key);
}
// for of문은 iterator 속성을 가져야 함
const arr = [1,2,3,4];
for(let i of arr) {
console.log(i);
}
7. cloning
const user = {name : 'test', age : 100};
const user2 = user;
// 같은 곳 참조
user2.name = 'abcd';
console.log(user.name); // abcd
const user3 = Object.assign({}, user);
console.log(user3); // {name: "abcd", age: 100}
Author And Source
이 문제에 관하여([자바스크립트] 6. 오브젝트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@gouz7514/자바스크립트-6.-오브젝트저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)