{"id":5176,"date":"2023-12-10T14:01:50","date_gmt":"2023-12-10T05:01:50","guid":{"rendered":"http:\/\/attacktube.com\/?p=5176"},"modified":"2023-12-10T14:47:55","modified_gmt":"2023-12-10T05:47:55","slug":"%e3%80%90javascrpt%e3%80%91for-of%e6%96%87","status":"publish","type":"post","link":"https:\/\/attacktube.com\/?p=5176","title":{"rendered":"\u3010JavaScrpt\u3011for of\u6587"},"content":{"rendered":"\n<p>for of\u6587\u306f\u3001\u53cd\u5fa9\u53ef\u80fd\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08\u914d\u5217\u3001\u6587\u5b57\u5217\u3001Map\u3001Set \u306a\u3069\uff09\u306e\u8981\u7d20\u306b\u5bfe\u3057\u3066\u53cd\u5fa9\u51e6\u7406\u3092\u884c\u3046\u305f\u3081\u306e\u7c21\u6f54\u306a\u69cb\u6587\u3067\u3042\u308b\u3002<\/p>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u4f8b\u3067\u306f\u3001for of\u6587\u3092\u4f7f\u7528\u3057\u3066\u7570\u306a\u308b\u7a2e\u985e\u306e\u53cd\u5fa9\u53ef\u80fd\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u51e6\u7406\u3057\u3066\u3044\u307e\u3059\u3002for of \u3092\u4f7f\u3048\u308b\u306e\u306f\u3001\u53cd\u5fa9\u53ef\u80fd\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c Symbol.iterator \u30e1\u30bd\u30c3\u30c9\u3092\u6301\u3063\u3066\u3044\u308b\u5834\u5408\u3067\u3042\u308b\u3002<br><br>\u53cd\u5fa9\u53ef\u80fd\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306a\u3089for of\u6587\u304c\u4f7f\u7528\u53ef\u80fd\u3067\u3042\u308b\u3002<br>\u53cd\u5fa9\u53ef\u80fd\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304cSymbol.iterator\u3092\u6301\u3063\u3066\u3044\u308b\u3068\u306f\u9650\u3089\u306a\u3044\u3002<\/p>\n\n\n\n<!--more-->\n\n\n\n<br>\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-3461056110605997\" crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-3461056110605997\" data-ad-slot=\"3137443461\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<br>\n\n\n\n<pre><code>\n\/\/ 1 \u914d\u5217\u306e\u8981\u7d20\u306b\u5bfe\u3059\u308b\u53cd\u5fa9:\nconst arr = [1, 2, 3, 4, 5];\nfor (const element of arr) {\n  console.log(element);\n}\n\n\/\/ Symbol.iterator \u30e1\u30bd\u30c3\u30c9\u304c\u5b58\u5728\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\nif (typeof arr[Symbol.iterator] === &#039;function&#039;) {\n  console.log(&#039;\u3053\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u53cd\u5fa9\u53ef\u80fd\u3067\u3059\u3002&#039;);\n} else {\n  console.log(&#039;\u3053\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u53cd\u5fa9\u53ef\u80fd\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002&#039;);\n}\n\n\n\/\/ 2 \u6587\u5b57\u5217\u306e\u6587\u5b57\u306b\u5bfe\u3059\u308b\u53cd\u5fa9:\nconst str = &quot;Hello&quot;;\nfor (const char of str) {\n  console.log(char);\n}\n\n\/\/ 3 Map \u306e\u30a8\u30f3\u30c8\u30ea\u306b\u5bfe\u3059\u308b\u53cd\u5fa9:\nconst myMap = new Map([\n  [&#039;key1&#039;, &#039;value1&#039;],\n  [&#039;key2&#039;, &#039;value2&#039;],\n  [&#039;key3&#039;, &#039;value3&#039;]\n]);\n\nfor (const [key, value] of myMap) {\n  console.log(`Key: ${key}, Value: ${value}`);\n}\n\nfor (const a of Array.from(myMap.values())) {\n  console.log(&#039;a = &#039;, a);\n}\n\n\/\/ 4 Set \u306e\u8981\u7d20\u306b\u5bfe\u3059\u308b\u53cd\u5fa9:\nconst mySet = new Set([1, 2, 3, 4, 5]);\n\nfor (const element of mySet) {\n  console.log(element);\n}\n\n\/\/ 5 DOM \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u306b\u5bfe\u3059\u308b\u53cd\u5fa9:\nconst paragraphs = document.querySelectorAll(&#039;p&#039;);\n\nfor (const paragraph of paragraphs) {\n  console.log(paragraph.textContent);\n}\n<\/code><\/pre>\n\n\n\n<script type=\"text\/javascript\">\njQuery(function($){\n$(\".jp-video\").hide();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>for of\u6587\u306f\u3001\u53cd\u5fa9\u53ef\u80fd\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08\u914d\u5217\u3001\u6587\u5b57\u5217\u3001Map\u3001Set \u306a\u3069\uff09\u306e\u8981\u7d20\u306b\u5bfe\u3057\u3066\u53cd\u5fa9\u51e6\u7406\u3092\u884c\u3046\u305f\u3081\u306e\u7c21\u6f54\u306a\u69cb\u6587\u3067\u3042\u308b\u3002 \u3053\u308c\u3089\u306e\u4f8b\u3067\u306f\u3001for of\u6587\u3092\u4f7f\u7528\u3057\u3066\u7570\u306a\u308b\u7a2e\u985e\u306e\u53cd\u5fa9\u53ef\u80fd\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u51e6\u7406\u3057\u3066\u3044\u307e\u3059\u3002 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-5176","post","type-post","status-publish","format-standard","hentry","category-javascript"],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts\/5176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5176"}],"version-history":[{"count":5,"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts\/5176\/revisions"}],"predecessor-version":[{"id":5183,"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts\/5176\/revisions\/5183"}],"wp:attachment":[{"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}