반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- slice
- 자바스크립트틱택토
- 인터넷프로토콜
- 인프런인강
- 이벤트리스너
- 자바스크립트파라미터
- 제로초
- 인프런자바스크립트
- 자바스크립트recude
- 자바스크립트
- 객체의비교
- 인프런
- Blazor
- 인프런강좌
- 비주얼스튜디오
- 인프런강의
- HTTP
- NPM
- .NET
- sort
- 인프런무료강좌
- 코딩
- c#
- 콜백함수
- 객체리터럴
- 자바스크립트객체리터럴
- 틱택토구현
- EntityFramework
- 자바스크립트함수
- 고차함수
Archives
- Today
- Total
샐님은 개발중
객체 리터럴 본문
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
반응형
'자바스크립트 > 인프런강의-렛츠기릿 자바스크립트' 카테고리의 다른 글
자바스크립트 - 끝말잇기(변수명,콜백함수,이벤트리스너) (0) | 2023.07.04 |
---|---|
객체의비교(원시값과의차이점) (0) | 2023.07.04 |
파라미터와인수 (0) | 2023.07.04 |
함수 (0) | 2023.07.04 |
3강 queryselector, 이벤트리스너(콜백함수) (0) | 2023.06.19 |