{"id":11055,"date":"2021-04-22T12:05:02","date_gmt":"2021-04-22T03:05:02","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=11055"},"modified":"2021-04-22T12:08:05","modified_gmt":"2021-04-22T03:08:05","slug":"javascript%ec%9d%98-array-set-object-map%ec%97%90-%eb%8c%80%ed%95%9c-%eb%8d%b0%ec%9d%b4%ed%84%b0-%ec%88%9c%ed%9a%8c%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=11055","title":{"rendered":"Javascript\uc758 Array, Set, Object, Map\uc5d0 \ub300\ud55c \ub370\uc774\ud130 \uc21c\ud68c\ud558\uae30"},"content":{"rendered":"<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \ub370\uc774\ud130 \ucee8\ud14c\uc774\ub108\ub85c\uc368\uc758 \uad00\uc810\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uc21c\ud68c\ud558\ub294 \ucf54\ub4dc\ub97c \uc815\ub9ac\ud569\ub2c8\ub2e4.<\/p>\n<p>\uba3c\uc800 Array\uc785\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nconst arr = new Array(1, 2, 3, 4, 5)\r\n\r\nconsole.log('Array Iteration 1')\r\nfor (let i = 0; i < arr.length; i++) {\r\n    console.log(arr[i])\r\n}\r\n\r\nconsole.log('Array Iteration 2')\r\narr.forEach(v => {\r\n    console.log(v)\r\n})\r\n\r\nconsole.log('Array Iteration 3')\r\nfor (let v of arr) {\r\n    console.log(v)\r\n}\r\n\r\nconsole.log('Array Iteration 4')\r\nfor (let i in arr) {\r\n    console.log(arr[i])\r\n}\r\n<\/pre>\n<p>\ub2e4\uc74c\uc740 Set\uc785\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nconst set = new Set([1, 2, 3, 4, 'Hello'])\r\n\r\nconsole.log('Set Iteration 1')\r\nfor (let v of set) {\r\n    console.log(v)\r\n}\r\n\r\nconsole.log('Set Iteration 2')\r\nfor (let v of set.values()) {\r\n    console.log(v)\r\n}\r\n\r\nconsole.log('Set Iteration 3')\r\nset.forEach(v => {\r\n    console.log(v)\r\n});\r\n<\/pre>\n<p>\ub2e4\uc74c\uc740 Object\uc785\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nconst obj = { a: 1, b: 2, c: 3, 9: 4, e: 'Hello' }\r\n\r\nconsole.log('Object Iteration 1')\r\nconst keys = Object.keys(obj) \/\/ [ 'a', 'b', 'c', '9', 'e' ]\r\n\r\nfor (let i = 0; i < keys.length; i++) {\r\n    const k = keys[i]\r\n    const v = obj[k]\r\n    console.log(k, v)\r\n}\r\n\r\nconsole.log('Object Iteration 2')\r\nconst values = Object.values(obj) \/\/ [ 1, 2, 3, 4, 'Hello' ]\r\nfor (let i = 0; i < values.length; i++) {\r\n    const v = values[i]\r\n    console.log(v)\r\n}\r\n\r\nconsole.log('Object Iteration 3')\r\nconst entries = Object.entries(obj) \/\/ [ ['a', 1], ['b', 2], ['c', 3], ['9', 4], ['e', 'Hello'] ]\r\nfor (let i = 0; i < entries.length; i++) {\r\n    const k = entries[i][0]\r\n    const v = entries[i][1]\r\n\r\n    console.log(k, v)\r\n}\r\n\r\nconsole.log('Object Iteration 4')\r\nfor (let k in obj) {\r\n    const v = obj[k]\r\n    console.log(k, v)\r\n}\r\n<\/pre>\n<p>\ub05d\uc73c\ub85c Map\uc785\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nconst map = new Map( [ ['a', 1], ['b', 2], ['c', 3], ['9', 4], ['e', 'Hello'] ])\r\n\r\nconsole.log('Map Iteration 1')\r\nfor (let [k, v] of map) {\r\n    console.log(k, v)\r\n}\r\n\r\nconsole.log('Map Iteration 2')\r\nfor (let k of map.keys()) {\r\n    console.log(k, map.get(k))\r\n}\r\n\r\nconsole.log('Map Iteration 3')\r\nfor (let v of map.values()) {\r\n    console.log(v)\r\n}\r\n\r\nconsole.log('Map Iteration 4')\r\nfor (let [k, v] of map.entries()) {\r\n    console.log(k, v)\r\n}\r\n\r\nconsole.log('Map Iteration 5')\r\nmap.forEach(function(v, k) {\r\n    console.log(k, v)\r\n})\r\n<\/pre>\n<p>\uc0ac\uc2e4 Map\uc758 \ucd9c\ud604\uc73c\ub85c \ub354 \uc774\uc0c1 Object\ub97c \ub370\uc774\ud130 \ucee8\ud14c\uc774\ub108\ub85c\uc368 \uc0ac\uc6a9\ud558\ub294 \uac83\uc740 \uc633\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. Object\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \uc0dd\uc131\ub420 \ub54c \uae30\ubcf8 \ud0a4\uac12\uc744 \uac16\uc9c0\ub9cc Map\uc740 \uac1c\ubc1c\uc790\uac00 \ucd94\uac00\ud558\uc9c0 \uc54a\uc740 \ub370\uc774\ud130\ub294 \uac16\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub610\ud55c Map\uc758 Key\ub294 \ubb38\uc790\uc5f4 \uac1d\uccb4 \uc774\uc678\uc5d0\ub3c4 \ud0c0\uc785\ub3c4 \uac00\ub2a5\ud569\ub2c8\ub2e4. \ub610\ud55c \uc800\uc7a5\ud55c \uc21c\uc11c\ub300\ub85c \uac12\uc744 \uc5bb\uc744 \uc218 \uc788\uc73c\uba70 \ub370\uc774\ud130\uc758 \uac1c\uc218\ub3c4 size \ud568\uc218\ub97c \ud1b5\ud574 \ubc14\ub85c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac8c\ub2e4\uac00 Map\uc740 \ub370\uc774\ud130\uc758 \ucd94\uac00\uc640 \uc0ad\uc81c \uc2dc Object\ubcf4\ub2e4 \uc131\ub2a5\uc774 \ub6f0\uc5b4\ub0a9\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \ub370\uc774\ud130 \ucee8\ud14c\uc774\ub108\ub85c\uc368\uc758 \uad00\uc810\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uc21c\ud68c\ud558\ub294 \ucf54\ub4dc\ub97c \uc815\ub9ac\ud569\ub2c8\ub2e4. \uba3c\uc800 Array\uc785\ub2c8\ub2e4. const arr = new Array(1, 2, 3, 4, 5) console.log(&#8216;Array Iteration 1&#8217;) for (let i = 0; i < arr.length; i++) { console.log(arr[i]) } console.log('Array Iteration 2') arr.forEach(v => { console.log(v) }) console.log(&#8216;Array Iteration 3&#8217;) for (let v of arr) { console.log(v) } console.log(&#8216;Array Iteration &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=11055\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Javascript\uc758 Array, Set, Object, Map\uc5d0 \ub300\ud55c \ub370\uc774\ud130 \uc21c\ud68c\ud558\uae30&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[],"class_list":["post-11055","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11055"}],"version-history":[{"count":2,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11055\/revisions"}],"predecessor-version":[{"id":11057,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11055\/revisions\/11057"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11055"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}