JavaScriptのURL操作

JavaScriptはよくWebブラウザやWebサーバーで使われるので、URLを操作することもあります。
URLの値を取得したり、操作したりする方法をメモします。
使用しているのURLは私の過去の投稿記事です。

const url = new URL('https://qiita.com/yuta-10112022/items/81e7ac587aaa6afeb3e4');
console.log(url.href); // https://qiita.com/yuta-10112022/items/090d4f302f1edcefcf86
console.log(url.origin); // https://qiita.com
console.log(url.protocol); // https:
console.log(url.hostname); // qiita.com

urlのプロパティは読み書きすることができ、部分的に変更することができます。

const url = new URL('https://example.com');
url.pathname = 'api/search';
url.search = 'p=test';
console.log(url.toString()); // https://example.com/api/search?p=test

参考