{"id":1395,"date":"2023-03-04T00:52:01","date_gmt":"2023-03-03T15:52:01","guid":{"rendered":"http:\/\/attacktube.com\/?p=1395"},"modified":"2023-03-04T17:58:20","modified_gmt":"2023-03-04T08:58:20","slug":"%e3%80%90javascript%e3%80%91%e6%96%87%e5%ad%97%e5%88%97%e7%bd%ae%e6%8f%9b","status":"publish","type":"post","link":"https:\/\/attacktube.com\/?p=1395","title":{"rendered":"\u3010JavaScript\u3011\u6b63\u898f\u8868\u73fe\u306e\u5426\u5b9a\u5148\u8aad\u307f\u306e\u5b9f\u8df5\u30b5\u30f3\u30d7\u30eb"},"content":{"rendered":"\n<p>\u300c\\n&lt;br&gt;\u300d\u3068\u300c\u30a2\u30eb\u30d5\u30a1\u30d9\u30c3\u30c826\u6587\u5b57\u300d\u3067\u69cb\u6210\u3055\u308c\u305f\u6587\u5b57\u5217\u306e\u4e2d\u3067\u5909\u6570word\u306b\u5165\u3063\u305f\u6587\u5b57\u5217(\u30a2\u30eb\u30d5\u30a1\u30d9\u30c3\u30c826\u6587\u5b57\u3067\u69cb\u6210)\u3068\u4e00\u81f4\u3057\u305f\u5834\u5408\u306f\u300c&lt;span class=&#8217;abc&#8217;&gt;\u6587\u5b57\u5217(\u30a2\u30eb\u30d5\u30a1\u30d9\u30c3\u30c826\u6587\u5b57\u3067\u69cb\u6210)&lt;\\\/span&gt;\u300d\u306b\u7f6e\u63db\u3059\u308b\u3002<br>\u3053\u308c\u306f\u6b63\u898f\u8868\u73fe\u306e\u5426\u5b9a\u5148\u8aad\u307f(Negative lookahead)\u3092\u5229\u7528\u3059\u308b\u3068\u5b9f\u73fe\u53ef\u80fd\u3002<\/p>\n\n\n\n<!--more-->\n\n\n\n<pre><code>\n\nconst test = function(word){\n\n\tconsole.log(\"word = \" + word);\n\t\n\tconst regexp = new RegExp(\"\" + word + \"(?!&gt;|r&gt;)\", \"gi\");\n\n\tconst replacerFunction = function(t) {\n\t\treturn \"&lt;span class='abc'&gt;\" + t + \"&lt;\\\/span&gt;\";\n\t};\n\t\n\tconst keyword =[\"lower\",\"scrub\",\"travel\",\"bring\",\"branch\",\"brain\",\"embrance\"];\n\t\n\tconsole.log(\"keyword = \" + keyword);\n\t\n\treturn keyword.join(\"\\n&lt;br&gt;\").replace(regexp, replacerFunction);\n\t\n}\n\nconsole.log(test(\"lower\"));\nconsole.log(\"----------\");\nconsole.log(test(\"br\"));\nconsole.log(\"----------\");\nconsole.log(test(\"b\"));\nconsole.log(\"----------\");\nconsole.log(test(\"r\"));\nconsole.log(\"----------\");\nconsole.log(test(\"n\"));\nconsole.log(\"----------\");\nconsole.log(test(\"\\n\"));\nconsole.log(\"----------\");\n\n\n\/*\n\nword = lower\nkeyword = lower,scrub,travel,bring,branch,brain,embrance\n&lt;span class='abc'&gt;lower&lt;\/span&gt;\n&lt;br&gt;scrub\n&lt;br&gt;travel\n&lt;br&gt;bring\n&lt;br&gt;branch\n&lt;br&gt;brain\n&lt;br&gt;embrance\n----------\nword = br\nkeyword = lower,scrub,travel,bring,branch,brain,embrance\nlower\n&lt;br&gt;scrub\n&lt;br&gt;travel\n&lt;br&gt;&lt;span class='abc'&gt;br&lt;\/span&gt;ing\n&lt;br&gt;&lt;span class='abc'&gt;br&lt;\/span&gt;anch\n&lt;br&gt;&lt;span class='abc'&gt;br&lt;\/span&gt;ain\n&lt;br&gt;em&lt;span class='abc'&gt;br&lt;\/span&gt;ance\n----------\nword = b\nkeyword = lower,scrub,travel,bring,branch,brain,embrance\nlower\n&lt;br&gt;scru&lt;span class='abc'&gt;b&lt;\/span&gt;\n&lt;br&gt;travel\n&lt;br&gt;&lt;span class='abc'&gt;b&lt;\/span&gt;ring\n&lt;br&gt;&lt;span class='abc'&gt;b&lt;\/span&gt;ranch\n&lt;br&gt;&lt;span class='abc'&gt;b&lt;\/span&gt;rain\n&lt;br&gt;em&lt;span class='abc'&gt;b&lt;\/span&gt;rance\n----------\nword = r\nkeyword = lower,scrub,travel,bring,branch,brain,embrance\nlowe&lt;span class='abc'&gt;r&lt;\/span&gt;\n&lt;br&gt;sc&lt;span class='abc'&gt;r&lt;\/span&gt;ub\n&lt;br&gt;t&lt;span class='abc'&gt;r&lt;\/span&gt;avel\n&lt;br&gt;b&lt;span class='abc'&gt;r&lt;\/span&gt;ing\n&lt;br&gt;b&lt;span class='abc'&gt;r&lt;\/span&gt;anch\n&lt;br&gt;b&lt;span class='abc'&gt;r&lt;\/span&gt;ain\n&lt;br&gt;emb&lt;span class='abc'&gt;r&lt;\/span&gt;ance\n----------\nword = n\nkeyword = lower,scrub,travel,bring,branch,brain,embrance\nlower\n&lt;br&gt;scrub\n&lt;br&gt;travel\n&lt;br&gt;bri&lt;span class='abc'&gt;n&lt;\/span&gt;g\n&lt;br&gt;bra&lt;span class='abc'&gt;n&lt;\/span&gt;ch\n&lt;br&gt;brai&lt;span class='abc'&gt;n&lt;\/span&gt;\n&lt;br&gt;embra&lt;span class='abc'&gt;n&lt;\/span&gt;ce\n----------\nword = \nkeyword = lower,scrub,travel,bring,branch,brain,embrance\nlower&lt;span class='abc'&gt;\n&lt;\/span&gt;&lt;br&gt;scrub&lt;span class='abc'&gt;\n&lt;\/span&gt;&lt;br&gt;travel&lt;span class='abc'&gt;\n&lt;\/span&gt;&lt;br&gt;bring&lt;span class='abc'&gt;\n&lt;\/span&gt;&lt;br&gt;branch&lt;span class='abc'&gt;\n&lt;\/span&gt;&lt;br&gt;brain&lt;span class='abc'&gt;\n&lt;\/span&gt;&lt;br&gt;embrance\n----------\n\n*\/\n\n<\/code><\/pre>\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<p>\u3053\u306e\u6b63\u898f\u8868\u73fe\u306b\u3088\u308a\u3001\u6b21\u306e\u3088\u3046\u306b\u300c\u6587\u5b57\u5217\u306e\u4e2d\u306e\u5909\u6570word\u306b\u4e00\u81f4\u3059\u308b\u7b87\u6240\u3060\u3051\u3092\u8d64\u5b57\u306b\u5909\u3048\u308b\u3002\u300d\u3068\u3044\u3046\u3053\u3068\u304c\u3067\u304d\u308b\u3002\u305d\u306e\u969b\u306b\\n\u3001&lt;br&gt;\u306b\u306fword\u304c\u4e00\u81f4\u3057\u3066\u3082\u6587\u5b57\u5217\u7f6e\u63db\u3055\u308c\u306a\u3044\u3002<br>\u3053\u306e\u30b3\u30fc\u30c9\u306f\u300c\u6b63\u898f\u8868\u73fe\u306e\u5426\u5b9a\u5148\u8aad\u307f(Negative lookahead)\u300d\u306e\u826f\u3044\u30b5\u30f3\u30d7\u30eb\u3068\u601d\u3046\u3002<\/p>\n\n\n\n<pre><code>\n&lt;!DOCTYPE HTML&gt;\n&lt;html lang=\"ja\"&gt;\n\n&lt;head&gt;\n    &lt;meta charset=\"utf-8\" \/&gt;\n    &lt;title&gt;\u6b63\u898f\u8868\u73fe\u306e\u5426\u5b9a\u5148\u8aad\u307f&lt;\/title&gt;\n\n    &lt;style type=\"text\/css\"&gt;\n\n    &lt;\/style&gt;\n\n&lt;\/head&gt;\n\n&lt;body&gt;\n\n&lt;h3&gt;\u6b63\u898f\u8868\u73fe\u306e\u5426\u5b9a\u5148\u8aad\u307f&lt;\/h3&gt;\n\n&lt;span id=\"s01\"&gt;&lt;\/span&gt;\n\n    &lt;script type=\"text\/javascript\" src=\"js\/jquery-3.6.3.min.js\"&gt;&lt;\/script&gt;\n    &lt;script type=\"text\/javascript\"&gt;\n\n$(function() {\n\nconst test = function(word){\n\n\tconsole.log(\"word = \" + word);\n\t\n\tconst regexp = new RegExp(\"\" + word + \"(?!&gt;|r&gt;)\", \"gi\");\n\n\tconst replacerFunction = function(t) {\n\t\treturn \"&lt;font color='red'&gt;\" + t + \"&lt;\\\/font&gt;\";\n\t};\n\t\n\tconst keyword =[\"lower\",\"scrub\",\"travel\",\"bring\",\"branch\",\"brain\",\"embrance\"];\n\t\n\tconsole.log(\"keyword = \" + keyword);\n\t\n\treturn keyword.join(\"\\n&lt;br&gt;\").replace(regexp, replacerFunction);\n\t\n}\n\nconst result =[]\n\nresult.push(test(\"lower\"));\nresult.push(\"----------\");\nresult.push(test(\"br\"));\nresult.push(\"----------\");\nresult.push(test(\"b\"));\nresult.push(\"----------\");\nresult.push(test(\"r\"));\nresult.push(\"----------\");\nresult.push(test(\"n\"));\nresult.push(\"----------\");\nresult.push(test(\"\\n\"));\nresult.push(\"----------\");\n\n\n$(\"#s01\").html(result.join(\"\\n&lt;br&gt;\"));\n\n});\n\n    &lt;\/script&gt;\n&lt;\/body&gt;\n\n&lt;\/html&gt;\n\n<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/attacktube.com\/wp-content\/uploads\/2023\/03\/20230304-1.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"154\" height=\"873\" src=\"https:\/\/i0.wp.com\/attacktube.com\/wp-content\/uploads\/2023\/03\/20230304-1.png?resize=154%2C873\" alt=\"\" class=\"wp-image-1404\" srcset=\"https:\/\/i0.wp.com\/attacktube.com\/wp-content\/uploads\/2023\/03\/20230304-1.png?w=154&amp;ssl=1 154w, https:\/\/i0.wp.com\/attacktube.com\/wp-content\/uploads\/2023\/03\/20230304-1.png?resize=53%2C300&amp;ssl=1 53w, https:\/\/i0.wp.com\/attacktube.com\/wp-content\/uploads\/2023\/03\/20230304-1.png?resize=38%2C214&amp;ssl=1 38w, https:\/\/i0.wp.com\/attacktube.com\/wp-content\/uploads\/2023\/03\/20230304-1.png?resize=46%2C260&amp;ssl=1 46w\" sizes=\"auto, (max-width: 154px) 100vw, 154px\" \/><\/a><\/figure>\n\n\n\n<script type=\"text\/javascript\">\njQuery(function($){\n$(\".jp-video\").hide();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u300c\\n&lt;br&gt;\u300d\u3068\u300c\u30a2\u30eb\u30d5\u30a1\u30d9\u30c3\u30c826\u6587\u5b57\u300d\u3067\u69cb\u6210\u3055\u308c\u305f\u6587\u5b57\u5217\u306e\u4e2d\u3067\u5909\u6570word\u306b\u5165\u3063\u305f\u6587\u5b57\u5217(\u30a2\u30eb\u30d5\u30a1\u30d9\u30c3\u30c826\u6587\u5b57\u3067\u69cb\u6210)\u3068\u4e00\u81f4\u3057\u305f\u5834\u5408\u306f\u300c&lt;span class=&#8217;abc&#8217; [&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-1395","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\/1395","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=1395"}],"version-history":[{"count":10,"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts\/1395\/revisions"}],"predecessor-version":[{"id":1418,"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts\/1395\/revisions\/1418"}],"wp:attachment":[{"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}