차곡차곡

자바스크립트 활용 17 본문

자바스크립트/활용

자바스크립트 활용 17

whatd0udo 2024. 2. 27. 10:40

문제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