js split url

在JavaScript中，split() 是一个字符串方法，用于将字符串分割为子字符串，并将结果作为一个新的数组返回。这个方法基于提供的分隔符来执行这个操作。

基础概念

split() 方法的基本语法如下：

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

separator是可选的参数，表示用来分割字符串的字符或正则表达式。如果是空字符串（''），则会将每个字符分割成一个单独的数组元素。如果是 undefined 或者不提供，则整个字符串都会被分割成单个字符的数组。
limit 是一个可选参数，表示返回数组的最大长度。如果提供，那么当数组长度超过 limit 时，就会截断数组。

应用场景

split() 方法在处理URL时特别有用，尤其是当你需要解析URL的不同部分（如协议、主机名、路径名、查询字符串等）时。

示例代码

以下是一个使用 split() 方法来解析URL的简单示例：

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}`);