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.

ReadmeTips설명자료 모음나의 유의 사항과 고치고자 했던점Throw error기능 목록제출용 소감문회고록1주차 피드백BoardStyle guide checklist기능 요구 사항 숫자 야구입출력 요구 사항제출용 소감문 숫자 야구 게임프로그래밍 요구 사항회고록기능 목록요구 사항제출용 소감문 자동차 경주 게임회고록Todo'기능 목록제출용 소감문 크리스마스 프로모션회고록Scpc몰입해본 경험성공한 프로젝트들1. 효과적인 학습 방식과 경험2. 성장 중 겪은 실패와 극복3. 오랜 시간 몰입했던 경험 그리고 도전4. 원하는 프로그래머 모습우테코 증빙자료효과적인 학습 방법과 결과프론트엔드 기말과제 리팩토링CssDiv에 그림자 효과 넣기FlexBabelBigintBooleanClassIife(즉시 실행 함수 표현식)Javascript style guideJavascript typesJavascriptLinked list(연결 리스트)MapMark and sweepNull typeNumberObject ForeachObject.defineproperty()ObjectPromiseReference countingSetShift 연산String.indexof(), string.includes()StringSymbolUndefined typeV8 가비지 컬렉션Async 와 awaitCall 과 apply 메서드Callback 함수Private 프로퍼티SomeThrowWrapper object가비지 컬렉션객체의 attribute기본 매개변수 문법데이터 속성메모리 관리메모리 생명 주기배열생성자(constructor)원시값접근자 속성함수 호이스팅(hoisting)함수(function)함수를 정의하는 법함수와 메소드의 차이힙과 스택Class component(클래스형 컴포넌트)DomFunction component(함수형 컴포넌트)JsxReact domReact elementReact hooksReact 생명주기ReactSpaVirtual domPropsUseeffect렌더링리렌더링마운트함수형 컴포넌트와 클래스형 컴포넌트의 차이점Github page로 배포GithubReadme 파일 작성CloneFork커밋 메시지 작성 규칙Brain stormingWeb3마이너스마트 컨트랙트페이로드(payload)Markdown(md)MermaidMvc 패턴도메인 로직비즈니스 로직Jest란Tdd(테스트 주도 개발)모킹(mocking)이란스파이(spying)이란AbiDtdNode jsReadmeThreadXml런타임 환경스키마유클리드 호제법최대공배수 알고리즘Todo list옵시디언 웹 주소