일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 퍼블리셔
- 자바스크립트 기초
- 프론트엔드기술면접
- javascript
- 자바스크립트 기초활용
- frontend
- 코딩공부
- 포토샵
- 프로그래밍
- 대학생
- 프로그래밍기초
- 자바스크립트 실습
- 주니어개발자
- 웹개발
- 개발
- 코딩
- 자바스크립트
- 코린이
- 웹퍼블리싱
- 웹퍼블리셔
- js
- 퍼블리싱
- 프론트엔드
- 생활코딩
- 자바스크립트기초
- 웹퍼블리셔기술면접
- 자바스크립트 활용
- 취준생
- 제주베이스코딩100제
- 프로그래밍 기초
- Today
- Total
차곡차곡
자바스크립트 활용 17 본문
문제8 : 객체의 키 이름 중복
자바스크립트 객체를 다음과 같이 만들었다. 출력값을 입력하시오. (출력값은 공백을 넣지 않습니다. )
var d = {
'height':180,
'weight':78,
'weight':84,
'temperature':36,
'eyesight':1
};
console.log(d['weight']); //84
자바스크립트의 객체(Object)는 키(key)-값(value) 쌍의 집합으로 구성됩니다.
이 구조는 다른 프로그래밍 언어에서의 딕셔너리(Dictionary), 해시(Hash), 맵(Map) 등과 유사한 데이터 구조입니다.
객체를 사용하면 데이터를 구조화하는 방법으로 키를 통해 값을 저장하고 검색할 수 있습니다.
객체의 기본구조
var objectName = {
key1: value1,
key2: value2,
key3: value3
// ...
};
여기서 `key`는 문자열 또는 심볼(Symbol)이 될 수 있으며, `value`는 자바스크립트에서 사용할 수 있는 모든 타입(숫자, 문자열, 배열, 함수, 심지어 다른 객체 등)을 포함할 수 있습니다.
객체와 관련된 몇 가지 중요한 점:
동적 속성 추가 및 삭제: 자바스크립트에서 객체는 유연하며, 프로그램 실행 중에 새로운 속성을 추가하거나 기존 속성을 삭제할 수 있습니다.
var person = {
name: "John",
age: 30
};
person.height = 175; // 속성 추가
delete person.age; // 속성 삭제
계산된 속성명(computed property names): ES6부터는 객체 리터럴 내부에서 대괄호 `[]`를 사용하여 계산된 속성명을 정의할 수 있습니다. 이를 통해 동적으로 키 이름을 생성할 수 있습니다.
let propName = "name";
var person = {
[propName]: "John"
};
console.log(person.name); // "John"
메소드 정의: 객체 내부에 함수를 정의하여 메소드로 사용할 수 있습니다. 이 메소드는 객체의 속성에 접근하고 조작할 수 있습니다.
var person = {
name: "John",
greet: function() {
console.log("Hello, " + this.name);
}
};
person.greet(); // "Hello, John"
프로토타입 상속: 자바스크립트 객체는 프로토타입을 통해 상속을 구현합니다. 모든 객체는 다른 객체의 프로토타입을 상속받을 수 있으며, 이를 통해 속성과 메소드를 상속받을 수 있습니다.
https://ko.javascript.info/object
객체
ko.javascript.info
'자바스크립트 > 활용' 카테고리의 다른 글
자바스크립트 활용 19 (1) | 2024.02.27 |
---|---|
자바스크립트 활용 18 (1) | 2024.02.27 |
자바스크립트 활용 16 (0) | 2024.02.27 |
자바스크립트 활용 15 (1) | 2024.02.27 |
자바스크립트 활용14 (0) | 2024.02.26 |