JavaScriptの「Object」「Global」オブジェクト、「NaN」「URI」エンコードの基本：JavaScript標準ライブラリの使い方超入門（6）（4/4 ページ）

「例えば、Yahoo!Japanで『日本語』というキーワードを指定して検索を行うと、次のようなURLが使用されているのが確認できます」

「確かにURLのあとに意味不明の文字がぎっしり並んでますね」

「これは、サーバーに対して検索キーワードを送信するための情報で、『search?』以降の『キー名=値&…』の形式で記述されている箇所がサーバーへの問い合わせに必要なデータです。このようなデータのことをクエリ情報と呼びます」

「クエリ情報をサーバーに送って、これをもとに検索してもらうわけですね」

「で、クエリ情報はURLの一部となるので、書き込める文字はURLで使用できる文字に限定されます。日本語などのマルチバイト文字をそのまま書き込むことはできませんし、URLで特殊な意味を持つ文字（/、@、?、&、=、$、#、;、:、+、,）も書き込むことができません」

「でも、日本語でも全然問題なく検索できますよね」

「日本語を含むこれらの文字はURIエンコードを行うことで、文字を『%』と16進数2桁の組み合わせに変換し、これをクエリ情報にセットします。こういうわけなので、先の『日本語』という文字列は『%E6%97%A5%E6%9C% AC%E8%AA%9E』に変換されていたというわけです」

「GlobalオブジェクトのencodeURI（）メソッドとencodeURIComponent（）メソッドは、どちらもURIエンコードを処理するメソッドです。両者の違いは、encodeURIComponent（）が特殊文字（/、@、?、&、=、$、#、;、:、+、,）の変換も行うのに対し、encodeURI（）メソッドは特殊文字の変換は行わずに、これらの文字をそのまま返してきます」

「サーバー側では、エンコードした文字を元に戻さなきゃならないですよね」

「URIエンコードした文字列は、逆変換（デコード）することで、もとの文字列に戻すことができます。JavaScriptの場合、デコードの処理はdecodeURI（）メソッド、またはdecodeURIComponent（）メソッドを使用して行います。次は、実際に『日本語』という文字列をエンコードしたあと、これをデコードして元の状態に戻す例です」

「例として、アラートダイアログを表示するコードを文字列型のデータとして変数に格納しておき、この変数をeval（）メソッドに渡すことで処理を実行させてみることにします」

「アラートダイアログを表示するコードを文字列として変数strに代入しておき、この変数をeval（）メソッドに渡すことでアラートダイアログを表示したというわけです」

「となると、よく使うコードは変数に格納しておいて、必要に応じてeval（）メソッドで実行するようにしたら、何だかプログラミングがラクになりそうですね」

「ところがですよ、次の理由からeval（）メソッドを使うメリットはほとんどないんです」

「あんまりいいことがないみたいですね」

「Ajaxにおいて一部、利用する機会があるかもしれませんが、それ以外では使用する機会はまずありません。よく使うコードをまとめて保存しておくなら、メソッドを自作した方がよっぽど便利なのです。ただし、eval（）メソッドはGlobalオブジェクトの主要なメソッドでもあるので、このようなことができるってことだけは覚えておいてくださいね」