javascriptの.replaceについて

Question

ページ全体のaタグのhref属性（URL）を書き換えたくJQUERYをつかって以下のコードをループ中で実行すると
$(this).attr('href').replace('/moji','/');

Uncaught TypeError: Cannot read property 'replace' of undefined

がでる箇所があります。

どうも
%e4とかURLエンコードされた文字が入っているとでるようですが何か解りますか？

Answer

まず、自分が書いたコードのそれぞれのメソッドの仕様を確認して原因を切り分けましょう。
わかりやすい日本語の解説
jQuery リファレンス：attr http://www.jquerystudy.info/reference/attributes/attr.html

miyabi-sunの回答と主の質問内容から、
.href('href')実行時点でundefinedが返ってきているのでは無いかという想像が妥当です。
（実際の原因かどうかは主が対象の環境と実行するコードでデバッグして確かめてください）

さて、「コードを実行するページの全てのaタグが、href属性を持っているという前提でコードを書いたが、実はそうでない場合がある」という原因が考えられる場合以下の対応方法が考えられます。

- 実行対象のページのaタグにhrefの記述忘れがあれば全て修正する
- 「hrefを持っていないaタグ」が存在する以上、その場合の仕様を決める

前者が100%保証できない（と考えるのが既に妥当なように見えます）のであれば、
後者をどうするか決定する必要があります（hrefの入ってないタグは処理せず無視できるようにするなどのことです）
今回の場合は、主は「全体」と言っているので全てを受け入れる（と解釈します）方法を考える必要があり、
href属性が付いてないものが存在するとなると

- aタグにhref属性があるか、ないか

という条件分岐は最低限必要であることがわかります。
今回は（おそらく）href属性がない場合に、undefinedが返ってくるということがわかっていますので
$(this).attr('href') !== undefinedかどうか条件分岐する必要があるでしょう。
そして、hrefを持っていない場合に対しては置き換える必要が無いので、
.attr()メソッドの値を設定する記法で直接設定してしまえば良いと思います。
（サンプルコードを書きにくい環境から書き込みしているのでサンプルコードを上げることは今回はできません。。）

Answer

JavaScriptはプリミティブ型であるStringでもメソッドを持てる言語ですが、
replaceはそのString型に用意されているメソッドです。

`Uncaught TypeError: Cannot read property 'replace' of undefined`
上記エラーは「undefined(未定義) な変数はreplaceメソッド持ってないよ！」というエラーです

`$(this).attr('href')`の値が文字列として取れてないのでしょうね。

http://www.sitepoint.com/jquery-decode-url-string/
このページによると平然と取れているようですが…
おそらくhrefがないリンク（ボタンリンク等）を掴んでしまったのでは？

とりあえず問題の行の1つ上に以下を仕込んでコンソールで確認してみてください。
Chromeならばコンソールログで表示したものにマウスカーソルを当てると問題の要素が点滅するはずです。
```JavaScript
console.log($(this));
```

関連した質問