JavaScript如何将URL哈希片段中的两个值分别存储为独立变量

JavaScript提取目标值的实现方案 #

你可以通过拆分URL哈希片段的方式完成提取，核心是用---作为分隔符处理hash内容，以下是可直接运行的代码：

场景1：提取当前页面URL的对应值

// 移除hash前缀的#符号
const hashContent = window.location.hash.slice(1);
// 用三个短横线拆分得到两个目标值
const [firstVal, secondVal] = hashContent.split('---');
// firstVal 即为 "-Mquighthj23jjsn"，secondVal 即为 "12384959"

场景2：提取指定URL字符串的对应值

const targetUrl = 'https://whatever.com/#-Mquighthj23jjsn---12384959';
// 构造URL对象统一处理哈希字段
const url = new URL(targetUrl);
const hashContent = url.hash.slice(1);
const [firstVal, secondVal] = hashContent.split('---');

可选兜底兼容

如果存在哈希格式不符合预期的情况，可以加默认值避免报错：

const [firstVal = '', secondVal = ''] = (hashContent || '').split('---');

内容的提问来源于stack exchange，提问作者Adhvaith Prasad