Javascript で日本語の文字列の置換がきかない。

目次

問題

このブログの以下の投稿で、

Bootstrap components の panels heading のコピー・ペースト元生成。

https://pulogu.net/blog/020-computer/javascript/bootstrap-panels/

[タイトル] と [コンテンツ] の日本語の文字列を置換しようとしたところ置換できません。

置換結果 = 置換したい文字列.replace( 検索文字 , 置換文字 ); 

でコードとしてはあっているはずなのに、それがなぜかできない。検索文字は正規表現を使用しないので、検索文字をダブルコーテーションで囲んで、 "[タイトル]" と "[コンテンツ]" をそれぞれ置換したいができない。 JavaScript ファイルが正常に読み込まれていないのかと、キャッシュ無効のページ再読み込みをしてもできない。

目次まで戻る

解決

ブラウザの Web 開発ツールで問題の JavaScript のソースファイルを見てみると、 "[タイトル]" と "[コンテンツ]" がの部分が文字化けしていました。

JavaScript のソースファイルの文字コードを確認してみると、 shift-jis になっています。このブログの文字コードは utf-8 なのでこれが原因かもしれません。

ということで、 utf-8 で保存してアップロードし直したところ正しく置換できました。

以上、閲覧ありがとうございました。

目次まで戻る