encodeURI と encodeURIComponent の違いは何ですか？

encodeURIはURL全体の骨格（http://や/）を維持し、encodeURIComponentはパラメータ内のすべての記号を厳格にエスケープします。

UTF-8の日本語文字列も文字化けせずに変換できますか？

はい。完全なUTF-8バイトシーケンスに基づき標準仕様通りに変換されます。

Mode:

Raw URL / String to Encode

Percent-Encoded Result

https%3A%2F%2Fapi.example.com%2Fv1%2Fsearch%3Fquery%3Dreact%2Btools%26filter%3Dfree%26tags%3Dcss%2Cjson%2Csvg%23results

スペース、スラッシュ、日本語などの記号を正しくパーセントエンコードしないと、HTTPリクエストのルーティング破損や文字化けの原因となります。

Dual RFC 3986 encoding modes: Component (encodeURIComponent) and Full URI (encodeURI).
Safe decoding recovery: Unescaped lone "%" characters are automatically escaped to prevent URIError crashes.
Deep Query Param extraction: Parses nested URL search params into individual key-value records.