JavaScript 객체

2017. 4. 25. 08:55· dev/JavaScript


//객체(Object)
var array = ['사과', '오렌지', '바나나', '귤', '딸기'];
var product = {제품명 : '새우깡', 유형 : '과자', 성분 : '새우', 원산지 : '한국'};
console.log(array[0] +' '+ array[2]);
console.log(typeof(product) +' '+ product['성분']+' '+product['유형']);
console.log(product.성분 +' '+product.원산지);
// 객체의 키는 식별자 & 문자열을 모두 사용가능하다.
// 단, 키로 문자열 사용시에는 대괄호를 사용해서 객체요소에 접근 할 수 있다.
var obj = {'number test' : 273, 'special character' : '~!@#$%^&*()_+}'};
//객체의 다양한 자료형
var object = {number : 273, //숫자형
string : 'Bong', //문자형
boolean : true, //boolean형
array : [52, 273, 103, 32] ,//배열형
method : function(){ //함수
console.log('함수');
}
};
//객체와 반복문
var product = { name : 'Microsoft ..', price : '15000', language : '한국어', supportOs : 'win 32/64', subscription : true};
var output = '';
for(var p in product){
output += p + ' ' + product[p] + '\n';
}
console.log(output)


'dev > JavaScript' 카테고리의 다른 글

[jsTree] jsTree plugin 알아보기  (0) 2021.03.04
[jsTree] jsTree 사용해보기  (0) 2021.03.03
jQuery Code Assist (jQuery 코드 자동완성)  (0) 2017.05.06
여러가지 객체사용법 2  (0) 2017.04.27
여러가지 객체사용법 1  (0) 2017.04.27
'dev/JavaScript' 카테고리의 다른 글
  • [jsTree] jsTree 사용해보기
  • jQuery Code Assist (jQuery 코드 자동완성)
  • 여러가지 객체사용법 2
  • 여러가지 객체사용법 1
아디봉
아디봉
내인생의 카드는 몇장일까?
아디봉
내이른
아디봉
전체
오늘
어제
  • 분류 전체보기 (81)
    • 경제적자유 (11)
      • 경제노트 (4)
      • 부동산노트 (3)
      • 책리뷰 (1)
      • 유튜브 (2)
    • dev (50)
      • 사이드프로젝트 (0)
      • JavaScript (7)
      • 스프링 (5)
      • 자바 (11)
      • docker (7)
      • tdd (0)
      • DB (2)
      • mongoDB (1)
      • python (1)
      • react (9)
      • 인증.권한 (1)
      • 기타 (5)
      • HTTP (0)
      • JSP (1)
    • life (9)
      • 백패킹 (3)
      • 자기개발 (6)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

태그

  • 백패킹
  • Eclipse
  • javascript jsTree
  • React
  • 스프링데이터jpa
  • function
  • logback
  • jstree
  • web
  • log4j
  • Maven
  • Lombok
  • 자바
  • Oracle
  • Java8
  • 파코기
  • 객체
  • 파란코끼리들의기적
  • Java
  • Object
  • 옵셔널
  • 롬복
  • optional
  • 정다르크
  • 쿠키
  • Cookie
  • javascript
  • 자바스크립트
  • docker
  • react 이벤트

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
아디봉
JavaScript 객체
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.