js split url

str.split([separator[, limit]])

const url = 'https://example.com/path/to/page?query=string#fragment';

// 使用'//'来分割协议和其余部分
const parts = url.split('//');
const protocol = parts[0]; // 'https:'
const restOfUrl = parts[1]; // 'example.com/path/to/page?query=string#fragment'

// 使用'/'来分割主机名和路径
const hostAndPath = restOfUrl.split('/');
const host = hostAndPath.shift(); // 'example.com'
const path = '/' + hostAndPath.join('/'); // '/path/to/page'

// 使用'?'来分割路径和查询字符串
const pathAndQuery = path.split('?');
const finalPath = pathAndQuery[0]; // '/path/to/page'
const query = pathAndQuery[1] ? '?' + pathAndQuery[1].split('#')[0] : ''; // '?query=string'

// 使用'#'来分割查询字符串和片段
const queryAndFragment = url.split('#');
const fragment = queryAndFragment[1] || ''; // 'fragment'

console.log(`Protocol: ${protocol}`);
console.log(`Host: ${host}`);
console.log(`Path: ${finalPath}`);
console.log(`Query: ${query}`);
console.log(`Fragment: ${fragment}`);