2023. 4. 4. 11:41ㆍ개발/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
객체 속성 접근 방법
ObjectName. Keyname 접근 / ObjectName['Keyname'] 접근
let writer = {
name: "김초엽",
age: 31,
gender: "여자",
book: "우리가 빛의 속도로 갈 수 없다면"
};
console.log("------------------------------");
// 1) 객체의 속성에 접근할때는 .key 을 이용한다.
console.log(writer.name); // "김초엽"
console.log(writer.age); // 31
console.log(writer.gender); // "여자"
console.log(writer.book); // "우리가 빛의 속도로 갈 수 없다면"
console.log("------------------------------");
// 2) 객체의 속성에 접근할때는 ['key'] 을 이용한다.
console.log(writer['name']); // "김초엽"
console.log(writer['age']); // 31
console.log(writer['gender']); // "여자"
console.log(writer['book']); // "우리가 빛의 속도로 갈 수 없다면"
'개발 > HTML+CSS+JS' 카테고리의 다른 글
[JS] 자바스크립트 실행컨텍스트 Execution Context (1) (2) | 2023.04.11 |
---|---|
[JS] 객체 메소드, 객체 비교, 객체 병합 (0) | 2023.04.04 |
[JS] 객체 생성 (0) | 2023.04.04 |
[JS] 선언의 범위 (scope) (0) | 2023.04.04 |
[드림코딩] 프론트엔드 개발자 입문편: CSS (1) - 셀렉터 (0) | 2023.03.23 |