2023. 4. 4. 11:32ㆍ개발/HTML+CSS+JS
[JSB] 선언의 범위 (scope)
관련 글 함께 보기 [JSB] 객체 생성 객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) consol
youngsimi.tistory.com
[JSB] 객체 생성
객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) console.log(typeof person) 생성자 함수를 사
youngsimi.tistory.com
[JSB] 객체 속성 접근
객체 속성 접근 방법 ObjectName. Keyname 접근 / ObjectName['Keyname'] 접근 let writer = { name: "김초엽", age: 31, gender: "여자", book: "우리가 빛의 속도로 갈 수 없다면" }; console.log("------------------------------"); // 1)
youngsimi.tistory.com
[JSB] 객체 메소드, 객체 비교, 객체 병합
객체 메소드 (Object.~) Object.keys() Object.values() Object.entries() Object.assign() 객체 비교 객체 병합 객체 메소드 (Object.~) Object.keys() 메소드 Object.keys() 메소드는 객체의 속성 이름을 배열로 반환 let objWriter
youngsimi.tistory.com
객체 Object 타입의 핵심 key-value 형태로 생성된다.
기본적인 객체 생성
let person = {
name: "파울로 코엘료",
age: 43,
gender: "남자",
book: "순례자",
};
console.log(person)
console.log(typeof person)
생성자 함수를 사용한 객체 생성
생성자를 함수를 통해 객체를 생성하게 되면 보다 많은 객체를 빠르게 생산할 수 있다.
function Person(name, age, gender, book) {
this.name = name;
this.age = age;
this.gender = gender;
this.book = book;
}
let person1 = new Person("김초엽", 31, "여자", "우리가 빛의 속도로 갈 수 없다면");
let person2 = new Person("허지웅", 45, "남자", "살고 싶다는 농담");
let person3 = new Person("마크 롤랜즈", 38, "남자", "철학자와 늑대");
console.log(person1);
console.log(person2);
console.log(person3);
console.log(typeof person3);
'개발 > HTML+CSS+JS' 카테고리의 다른 글
[JS] 객체 메소드, 객체 비교, 객체 병합 (0) | 2023.04.04 |
---|---|
[JS] 객체 속성 접근 방식 (0) | 2023.04.04 |
[JS] 선언의 범위 (scope) (0) | 2023.04.04 |
[드림코딩] 프론트엔드 개발자 입문편: CSS (1) - 셀렉터 (0) | 2023.03.23 |
[드림코딩] 프론트엔드 개발자 입문편: HTML (1) (0) | 2023.03.23 |