Object

객체란 Javascript만이 가지고 있는 특징의 기초를 이루는 자료형으로 많은 기능을 내장하고 있다.

var result = {name: "soyoon"}

중괄호 ‘{}’안에 key : value 형식으로 프로퍼티를 저장한다. 프로퍼티란 객체에 속한 데이터를 뜻한다.

객체 속성 값을 읽는 방법은 점 표기범( [[ dot notation ]])과 대괄호 표기법( [[ bracket notation ]])이 있다.

대괄호 표기법 ```javascript javascript let obj = {   fruit : "favorite fruit",   "favorite fruit" : {   apple : "first",   peach : "second",   banana : "third"   } };

// 속성 추가 obj[“stock”] = 100; console.log(obj[“stock”]);// 100

// 속성 값 변경 obj[“fruit”] = “soyoon”; console.log(obj[“fruit”]); // “soyoon”

console.log(obj);

/* favorite fruit: { apple: “first”, banana: “third”, peach: “second” }, fruit: “soyoon”, stock: 100 } */


	점 표기법
```javascript
javascript
let obj = {
  fruit : "favorite fruit",
  "favorite fruit" : {
  apple : "first",
  peach : "second",
  banana : "third"
  }
};

// 속성 추가
obj.stock = 100;
console.log(obj.stock);  //  100

// 속성 값 변경
obj.fruit = "soyoon";
console.log(obj.fruit);  //  "soyoon"

console.log(obj);

/*  favorite fruit: {
    apple: "first",
    banana: "third",
    peach: "second"
  },
  fruit: "soyoon",
  stock: 100
}
*/

[!NOTE] dot notation 은 key값이 동적으로 변할 때 사용에 한계가 있으며,
숫자로 시작할 수 없고, 변수를 포함할 수 없음.
bracket notation 은 key값이 변수일 때 주로 사용하며
숫자, 변수, 공백 모두 사용할 수 있음.

Object-foreach - Object를 이용한 foreach문

Object.entries(this.results).forEach(([key, value]) => { console.log(`${key}: ${value}`); });

object에 key가 존재하는지 확인하는 법

Object.keys는 객체의 키를 배열로 리턴한다. 이를 이용하여 찾는 값이 있는지 알 수 있을 것이다!!

const object_1 = {
	test_1:'test 1'
}

const isExist_1 = Object.keys(object_1).includes('test_1')
const isExist_2 = Object.keys(object_1).includes('test_2')

console.log(isExist_1) // true
console.log(isExist_2) // false

This line appears after every note.

Notes mentioning this note


Here are all the notes in this garden, along with their links, visualized as a graph.