{"id":2729,"date":"2024-04-10T21:35:46","date_gmt":"2024-04-10T12:35:46","guid":{"rendered":"http:\/\/160.251.208.217\/?p=2729"},"modified":"2025-05-11T20:12:14","modified_gmt":"2025-05-11T11:12:14","slug":"js-replace","status":"publish","type":"post","link":"https:\/\/it-dxblog.com\/blog\/js-replace\/","title":{"rendered":"\u3010JavaScript\u3011\u6587\u5b57\u5217\u3092\u7f6e\u63db\u3059\u308b"},"content":{"rendered":"\n

<\/i>\u6587\u5b57\u5217\u306e\u7f6e\u63db\u306freplace()\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528<\/span><\/span><\/h2>\n\n\n\n

JavaScript\u306ereplace()\u30e1\u30bd\u30c3\u30c9<\/strong>\u3092\u4f7f\u7528\u3059\u308b\u3068\u6587\u5b57\u5217\u306e\u7f6e\u63db\u304c\u3067\u304d\u307e\u3059\u3002
\u4f7f\u3044\u65b9\u306f\u6b21\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n

<\/i>JavaScript<\/span>
\"\u6587\u5b57\u5217\".replace(\"\u7f6e\u63db\u3057\u305f\u3044\u6587\u5b57\u5217\", \"\u7f6e\u63db\u5f8c\u306e\u6587\u5b57\u5217\")<\/code><\/pre><\/div>\n\n\n\n
\u4f7f\u7528\u4f8b\u3067\u3059\u3002\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u306f\u300c\u4eca\u65e5\u306f\u96e8\u3067\u3059\u3002\u300d\u3068\u8868\u793a\u3055\u308c\u307e\u3059<\/p>\n\n\n\n
JavaScript<\/span><\/svg><\/span>
const<\/span> <\/span>original_message<\/span> <\/span>=<\/span> <\/span>\"<\/span>\u4eca\u65e5\u306f\u6674\u308c\u3067\u3059\u3002<\/span>\"<\/span>;<\/span><\/span>\nconst<\/span> <\/span>after_message<\/span> <\/span>=<\/span> <\/span>original_message<\/span>.<\/span>replace<\/span>(<\/span>\"<\/span>\u6674\u308c<\/span>\"<\/span>,<\/span> <\/span>\"<\/span>\u96e8<\/span>\"<\/span>)<\/span>;<\/span><\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>after_message<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/i>\u6ce8\u610f\uff11\uff09replace()\u30e1\u30bd\u30c3\u30c9\u306f\u6587\u5b57\u5217\u306b\u3057\u304b\u4f7f\u3048\u306a\u3044<\/span><\/span><\/h2>\n\n\n\n
\u6b21\u306e\u3088\u3046\u306b\u6570\u5024<\/strong>\u306b\u5bfe\u3057\u3066\u3001replace()\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u3046\u3068\u30a8\u30e9\u30fc(Uncaught TypeError: number.replace is not a function)<\/span><\/strong>\u3068\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
JavaScript<\/span><\/svg><\/span>
const<\/span> <\/span>number<\/span> <\/span>=<\/span> <\/span>12345<\/span>;<\/span><\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>number<\/span>.<\/span>replace<\/span>(<\/span>2<\/span>,<\/span> <\/span>\"<\/span>two<\/span>\"<\/span>))<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
replace()\u30e1\u30bd\u30c3\u30c9\u306f\u6587\u5b57\u5217\u306b\u3057\u304b\u4f7f\u3048\u306a\u3044<\/span><\/strong>\u306e\u3067\u3001\u6b21\u306e\u3088\u3046\u306b\u6587\u5b57\u5217\u306b\u5909\u63db<\/span><\/strong>\u3057\u3066\u304b\u3089replace()\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
JavaScript<\/span><\/svg><\/span>
const<\/span> <\/span>number<\/span> <\/span>=<\/span> <\/span>12345<\/span>;<\/span><\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>String<\/span>(<\/span>number<\/span>)<\/span>.<\/span>replace<\/span>(<\/span>2<\/span>,<\/span> <\/span>\"<\/span>two<\/span>\"<\/span>))<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\u3053\u3061\u3089\u306f\u3001\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u300c1two2345\u300d\u3068\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
<\/i>\u6ce8\u610f\uff12\uff09replace()\u30e1\u30bd\u30c3\u30c9\u306f\u6700\u521d\u306b\u898b\u3064\u304b\u3063\u305f\u6587\u5b57\u5217\u3057\u304b\u7f6e\u63db\u3057\u306a\u3044<\/span><\/span><\/h2>\n\n\n\n
\u6b21\u306e\u3088\u3046\u306b\u7f6e\u63db\u3057\u305f\u3044\u6587\u5b57\u5217<\/strong>\u304c\u8907\u6570\u30f6\u6240\u306b\u3042\u308b\u5834\u5408\u306f\u3001\u6700\u521d<\/strong>\u306b\u898b\u3064\u304b\u3063\u305f\u6587\u5b57\u5217<\/strong>\u3057\u304b\u7f6e\u63db\u3055\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n
JavaScript<\/span><\/svg><\/span>
const<\/span> <\/span>original_message<\/span> <\/span>=<\/span> <\/span>\"<\/span>\u6628\u65e5\u306f\u6674\u308c\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u6674\u308c\u3067\u3059\u3002<\/span>\"<\/span>;<\/span><\/span>\nconst<\/span> <\/span>after_message<\/span> <\/span>=<\/span> <\/span>original_message<\/span>.<\/span>replace<\/span>(<\/span>\"<\/span>\u6674\u308c<\/span>\"<\/span>,<\/span> <\/span>\"<\/span>\u96e8<\/span>\"<\/span>)<\/span>;<\/span><\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>after_message<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u306f\u300c\u6628\u65e5\u306f\u96e8<\/span>\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u6674\u308c<\/span>\u3067\u3059\u3002\u300d\u3068\u8868\u793a\u3055\u308c\u307e\u3059\u3002
\u8a72\u5f53\u3059\u308b\u6587\u5b57\u5217\u3092\u5168\u3066\u7f6e\u63db<\/strong>\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u6b21\u306e\uff13\u3064\u306e\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
    \n
  • replaceAll()\u30e1\u30bd\u30c3\u30c9<\/li>\n\n\n\n
  • replace()\u30e1\u30bd\u30c3\u30c9 + \u6b63\u898f\u8868\u73fe<\/li>\n\n\n\n
  • split() + join()<\/li>\n<\/ul>\n\n\n\n
    <\/i>replaceAll()\u30e1\u30bd\u30c3\u30c9\u3067\u7f6e\u63db<\/span><\/span><\/h2>\n\n\n\n
    replaceAll()\u30e1\u30bd\u30c3\u30c9<\/strong>\u3092\u4f7f\u3046\u3068\u3001\u8a72\u5f53\u3059\u308b\u6587\u5b57\u5217\u3092\u5168\u3066\u7f6e\u63db\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002
    \u4f7f\u3044\u65b9\u306f\u3001replace()\u30e1\u30bd\u30c3\u30c9\u3068\u307b\u3068\u3093\u3069\u540c\u3058\u3067\u3059\u3002<\/p>\n\n\n\n
    <\/i>JavaScript<\/span>
    \"\u6587\u5b57\u5217\".replaceAll(\"\u7f6e\u63db\u3057\u305f\u3044\u6587\u5b57\u5217\", \"\u7f6e\u63db\u5f8c\u306e\u6587\u5b57\u5217\")<\/code><\/pre><\/div>\n\n\n\n
    \u4f7f\u7528\u4f8b\u3067\u3059\u3002<\/p>\n\n\n\n
    JavaScript<\/span><\/svg><\/span>
    const<\/span> <\/span>original_message<\/span> <\/span>=<\/span> <\/span>\"<\/span>\u6628\u65e5\u306f\u6674\u308c\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u6674\u308c\u3067\u3059\u3002<\/span>\"<\/span>;<\/span><\/span>\nconst<\/span> <\/span>after_message<\/span> <\/span>=<\/span> <\/span>original_message<\/span>.<\/span>replaceAll<\/span>(<\/span>\"<\/span>\u6674\u308c<\/span>\"<\/span>,<\/span> <\/span>\"<\/span>\u96e8<\/span>\"<\/span>)<\/span>;<\/span><\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>after_message<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
    \u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u306f\u300c\u6628\u65e5\u306f\u96e8\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u6674\u308c\u3067\u3059\u3002\u300d\u3068\u8868\u793a\u3055\u308c\u307e\u3059\u3002
    \u305f\u3060\u3057\u3001replaceAll()\u30e1\u30bd\u30c3\u30c9\u306f\u3001ES2021\uff08ECMAScript 12\uff09\u3067\u5c0e\u5165\u3055\u308c\u305f\u305f\u3081\u3001\u53e4\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30d6\u30e9\u30a6\u30b6\u3067\u306f\u52d5\u4f5c\u3057\u306a\u3044\u53ef\u80fd\u6027\u304c\u3042\u308b\u306e\u3067\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u3082\u3057\u52d5\u4f5c\u3057\u306a\u3044\u5834\u5408\u306f\u300creplace() + \u6b63\u898f\u8868\u73fe\u300d\u3001\u300csplit() + join()\u300d\u306e\u3044\u305a\u308c\u304b\u3067\u5bfe\u5fdc\u3067\u304d\u308b\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
    <\/i>replace() + \u6b63\u898f\u8868\u73fe\u3067\u7f6e\u63db<\/span><\/span><\/h2>\n\n\n\n
    \u6b21\u306e\u3088\u3046\u306b\u7f6e\u63db\u3057\u305f\u3044\u6587\u5b57\u5217<\/strong>\u306b\u6b63\u898f\u8868\u73fe\u3092\u6307\u5b9a<\/strong>\u3057\u3066\u3001\u8a72\u5f53\u3059\u308b\u6587\u5b57\u5217\u3092\u5168\u3066\u7f6e\u63db\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
    JavaScript<\/span><\/svg><\/span>
    const<\/span> <\/span>original_message<\/span> <\/span>=<\/span> <\/span>\"<\/span>\u6628\u65e5\u306f\u6674\u308c\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u6674\u308c\u3067\u3059\u3002<\/span>\"<\/span>;<\/span><\/span>\nconst<\/span> <\/span>after_message<\/span> <\/span>=<\/span> <\/span>original_message<\/span>.<\/span>replace<\/span>(<\/span>\/<\/span>\u6674\u308c<\/span>\/<\/span>g<\/span>,<\/span> <\/span>\"<\/span>\u96e8<\/span>\"<\/span>)<\/span>;<\/span><\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>after_message<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
    \u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u306f\u300c\u6628\u65e5\u306f\u96e8<\/span>\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u96e8<\/span>\u3067\u3059\u3002\u300d\u3068\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
    \u3061\u306a\u307f\u306b\u79c1\u306f\u6b63\u898f\u8868\u73fe\u306f\u4f55\u3068\u306a\u304f\u3057\u304b\u7406\u89e3\u3057\u3066\u304a\u3089\u305a\u3001\u3044\u3064\u3082ChatGPT\u306b\u304a\u4e16\u8a71\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
    <\/i>split() + join()\u3067\u7f6e\u63db<\/span><\/span><\/h2>\n\n\n\n
    split()\u30e1\u30bd\u30c3\u30c9\u3068join()\u30e1\u30bd\u30c3\u30c9\u3092\u7d44\u307f\u5408\u308f\u305b<\/strong>\u3066\u3001\u8a72\u5f53\u3059\u308b\u6587\u5b57\u5217\u3092\u5168\u3066\u7f6e\u63db\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
    JavaScript<\/span><\/svg><\/span>
    const<\/span> <\/span>original_message<\/span> <\/span>=<\/span> <\/span>\"<\/span>\u6628\u65e5\u306f\u6674\u308c\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u6674\u308c\u3067\u3059\u3002<\/span>\"<\/span>;<\/span><\/span>\nconst<\/span> <\/span>after_message<\/span> <\/span>=<\/span> <\/span>original_message<\/span>.<\/span>split<\/span>(<\/span>\"<\/span>\u6674\u308c<\/span>\"<\/span>)<\/span>.<\/span>join<\/span>(<\/span>\"<\/span>\u96e8<\/span>\"<\/span>)<\/span>;<\/span><\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>after_message<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
    \u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u306f\u300c\u6628\u65e5\u306f\u96e8\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u96e8\u3067\u3059\u3002\u300d\u3068\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
    split()\u30e1\u30bd\u30c3\u30c9\u306f\u3001\u6587\u5b57\u5217\u3092\u6307\u5b9a\u3057\u305f\u6587\u5b57\u5217\u3067\u5206\u5272\u3057\u3001\u914d\u5217\u3092\u8fd4\u3057\u307e\u3059\u3002
    \u4e0a\u8a18\u30b3\u30fc\u30c9\u306eoriginal_message.split(\u201c\u6674\u308c\u201d)<\/strong>\u306e\u90e8\u5206\u3067\u306f[\u2018\u6628\u65e5\u306f\u2019, \u2018\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u2019, \u2018\u3067\u3059\u3002\u2019]<\/strong>\u3068\u3044\u3046\u914d\u5217\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
    join()\u30e1\u30bd\u30c3\u30c9\u306f\u3001\u914d\u5217\u3092\u6307\u5b9a\u3057\u305f\u6587\u5b57\u5217\u3067\u9023\u7d50\u3057\u3001\u6587\u5b57\u5217\u3092\u8fd4\u3057\u307e\u3059\u3002
    \u4e0a\u8a18\u30b3\u30fc\u30c9\u3067\u306f[\u2018\u6628\u65e5\u306f\u2019, \u2018\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u2019, \u2018\u3067\u3059\u3002\u2019]<\/strong>\u3092\u96e8<\/strong>\u3067\u9023\u7d50\u3057\u3001\u300c\u6628\u65e5\u306f\u96e8<\/span>\u3067\u3057\u305f\u3002\u4eca\u65e5\u3082\u96e8<\/span>\u3067\u3059\u3002\u300d\u3068\u3044\u3046\u6587\u5b57\u5217\u304c\u4f5c\u6210\u3055\u308c\u308b\u306e\u3067\u3001\u6307\u5b9a\u3057\u305f\u6587\u5b57\u3067\u7f6e\u63db\u3057\u305f\u3088\u3046\u306a\u6319\u52d5\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
    JavaScript\u306ereplace()\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3068\u6587\u5b57\u5217\u306e\u7f6e\u63db\u304c\u3067\u304d\u307e\u3059\u3002\u4f7f\u3044\u65b9\u306f\u6b21\u306e\u901a\u308a\u3067\u3059\u3002 \u4f7f\u7528\u4f8b\u3067\u3059\u3002\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u306f\u300c\u4eca\u65e5\u306f\u96e8\u3067\u3059\u3002\u300d\u3068\u8868\u793a\u3055\u308c\u307e\u3059 \u6b21\u306e\u3088\u3046\u306b\u6570\u5024\u306b\u5bfe\u3057\u3066\u3001replace()\u30e1\u30bd\u30c3\u30c9\u3092 … <\/p>\n","protected":false},"author":1,"featured_media":2737,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[8],"tags":[],"class_list":["post-2729","post","type-post","status-publish","format-standard","has-post-thumbnail","category-javascript","entry"],"_links":{"self":[{"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/posts\/2729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/comments?post=2729"}],"version-history":[{"count":5,"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/posts\/2729\/revisions"}],"predecessor-version":[{"id":2757,"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/posts\/2729\/revisions\/2757"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/media\/2737"}],"wp:attachment":[{"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/media?parent=2729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/categories?post=2729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/it-dxblog.com\/blog\/wp-json\/wp\/v2\/tags?post=2729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}