[자바스크립트] 객체와 반복문 for in 키워드 사용

<html>

<head> javascript study 
                <style type="text/css">.another_category {
    border: 1px solid #E5E5E5;
    padding: 10px 10px 5px;
    margin: 10px 0;
    clear: both;
}

.another_category h4 {
    font-size: 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 2px 0 6px !important;
}

.another_category h4 a {
    font-weight: bold !important;
}

.another_category table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100% !important;
    margin-top: 10px !important;
}

* html .another_category table {
    width: auto !important;
}

*:first-child + html .another_category table {
    width: auto !important;
}

.another_category th, .another_category td {
    padding: 0 0 4px !important;
}

.another_category th {
    text-align: left;
    font-size: 12px !important;
    font-weight: normal;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.5;
}

.another_category td {
    text-align: right;
    width: 80px;
    font-size: 11px;
}

.another_category th a {
    font-weight: normal;
    text-decoration: none;
    border: none !important;
}

.another_category th a.current {
    font-weight: bold;
    text-decoration: none !important;
    border-bottom: 1px solid !important;
}

.another_category th span {
    font-weight: normal;
    text-decoration: none;
    font: 10px Tahoma, Sans-serif;
    border: none !important;
}

.another_category_color_gray, .another_category_color_gray h4 {
    border-color: #E5E5E5 !important;
}

.another_category_color_gray * {
    color: #909090 !important;
}

.another_category_color_gray th a.current {
    border-color: #909090 !important;
}

.another_category_color_gray h4, .another_category_color_gray h4 a {
    color: #737373 !important;
}

.another_category_color_red, .another_category_color_red h4 {
    border-color: #F6D4D3 !important;
}

.another_category_color_red * {
    color: #E86869 !important;
}

.another_category_color_red th a.current {
    border-color: #E86869 !important;
}

.another_category_color_red h4, .another_category_color_red h4 a {
    color: #ED0908 !important;
}

.another_category_color_green, .another_category_color_green h4 {
    border-color: #CCE7C8 !important;
}

.another_category_color_green * {
    color: #64C05B !important;
}

.another_category_color_green th a.current {
    border-color: #64C05B !important;
}

.another_category_color_green h4, .another_category_color_green h4 a {
    color: #3EA731 !important;
}

.another_category_color_blue, .another_category_color_blue h4 {
    border-color: #C8DAF2 !important;
}

.another_category_color_blue * {
    color: #477FD6 !important;
}

.another_category_color_blue th a.current {
    border-color: #477FD6 !important;
}

.another_category_color_blue h4, .another_category_color_blue h4 a {
    color: #1960CA !important;
}

.another_category_color_violet, .another_category_color_violet h4 {
    border-color: #E1CEEC !important;
}

.another_category_color_violet * {
    color: #9D64C5 !important;
}

.another_category_color_violet th a.current {
    border-color: #9D64C5 !important;
}

.another_category_color_violet h4, .another_category_color_violet h4 a {
    color: #7E2CB5 !important;
}
</style>

<script type="application/ld+json">
    {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://kimgagakk.tistory.com/216","name":null},"url":"https://kimgagakk.tistory.com/216","headline":"[자바스크립트] 객체와 반복문 for in 키워드 사용","description":"","author":{"@type":"Person","name":"태선임","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png","width":"800px","height":"800px"},"datePublished":"2014-03-18T09:18:08+09:00","dateModified":"2014-05-14T11:12:47+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}}
</script>

<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-a58a744e0cbf37b85d2c9d56a3cd7a6e99a11988/static/style/dialog.css"/>
<link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-a58a744e0cbf37b85d2c9d56a3cd7a6e99a11988/static/style/postBtn.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-a58a744e0cbf37b85d2c9d56a3cd7a6e99a11988/static/style/tistory.css"/>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-a58a744e0cbf37b85d2c9d56a3cd7a6e99a11988/static/script/common.js"></script>

</head>

<body>

var product = {

name : ' AAA' ,

price : '10000 원' ,

language : '한국어',

supportOS : 'win 32/64 '

subscription : true

} ;

var output = '';

for(var key in product){  // key var선언, product의 갯수만큼 반복 ( in )

output += '*' + key ': ' + product[key] + '\n' ;

}

alert(output) ;

</script>

<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-a58a744e0cbf37b85d2c9d56a3cd7a6e99a11988/static/script/common.js"></script>
<script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script>
<script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script>

</body>

</html>

'Stupid Computer > 4. JavaScript' 카테고리의 다른 글

[자바스크립트]div태그와 span태그 비교/ innerHTML예제 (0)	2014.03.20
[자바스크립트] \n, <br> &nbsp 줄바꾸기 정리 ! (0)	2014.03.20
[자바스크립트] 한글 깨짐현상 고치기~ js파일 내에서 한글 사용~ (0)	2014.03.20
[Ajax] XMLHttpRequest 객체 사용(responseText) JavaScript / Ajax / jQuery2011 (0)	2014.03.20
[자바스크립트] Eclipse javascript 자동완성 플러그인 JSDT 설치 ~ (0)	2014.03.18
[자바스크립트] 함수의 정의 및 호출 ( 마우스 클릭, 오버 이벤트) (0)	2014.03.18
[자바스크립트] Eclipse Javascript Code Assist 가 되지 않을때~ (0)	2014.03.18
[자바스크립트] eval() 함수 사용법, 코드 실행 함수 (0)	2014.03.18
[자바스크립트] 자바스크립트의 실행 순서 ~ 간단한 예제 (0)	2014.03.18
[자바스크립트] 타이머 함수 ~ 사용 예제 (0)	2014.03.18

[자바스크립트] 객체와 반복문 for in 키워드 사용

'Stupid Computer > 4. JavaScript' 카테고리의 다른 글

'Stupid Computer/4. JavaScript' Related Articles

티스토리툴바