관리 메뉴

샐님은 개발중

객체 리터럴 본문

자바스크립트/인프런강의-렛츠기릿 자바스크립트

객체 리터럴

샐님 2023. 7. 4. 02:34
728x90
반응형

1. 객체 리터럴 : 배열이나 함수가 아닌 것중에 특정모양을 가진다.

const name ='하니'
const year ='1993'
const month='3'

// 관계가 있는 것들 끼리 묶고싶을 때 객체를 써도 되지만 객체 리터럴을 쓸 수 도 있다.

//객체 리터럴
 //속성명 = 속성값 으로 구성
 // 객체와 차이점은 객체 리터럴은 속성명을 지정할 수 있다.
 //단순히 묶어 놓고 싶을 때는 객체를 쓰면 된다.
 const info =
 {
  const name ='하니',  
  const year ='1993',
  const month='3' // 마지막에 쉼표를 붙여줄수 도 있다.
 };
 

  // 숫자가젤처음, 띄어쓰기, 특수문자가 속성명에 포함되어있으면 따움표로 표시한다.
  
 const ojb={
  bc:'hello',
  '2ad':'hello',
  'c a':'hello',
  'c-a':'hello'
 }
 

 // 객체리터럴 속성값 호출 방법
 
 console.log(info.name)
 console.log(info['name'])
 
 // 객체리터럴 수정/추가/삭제
 info.name ='유리' // 수정
 info.age = 30 // 없는 속성 age 와 값을 추가
 delete info.age //삭제

 

2. 배열과 함수가 객체인 이유

  - 객체의 성질을 모두 다 사용할 수 있기 때문.

     함수에도 속성들을 추가,수정 및 삭제 가능.

      객체는 함수와 배열을 포함하는 개념이라서 {} 를 사용해 만든 객체를 객체 리터럴이라고 따로 부르는 것이다.

 

function hello(){}

hello.a = 'really?' // 함수 hello 에 속성 a추가

const array =[]
array.b = 'wow' //배열에 속성 b추가

console.log(hello.a)

console.log(hello.b)

 

3. 메소드 

   - 속성 값으로 js의 모든값 가능. 객체의 속성 값으로 함수를 넣었을 때 이 속성을 특별히 메서드 라고 합니다.

const debug ={
log  :
function(value){
	console.log(value);
}
};

debug.log('Hello, Method');

// console.log()와 유사..
// log 는 debug 객체의 메서드입니다.
728x90
반응형