解析Javascript输出数组/解析URL哈希

在JavaScript中，解析数组通常是指将一个字符串转换为一个数组，而解析URL哈希则是从URL的哈希部分提取信息。下面分别介绍这两个操作的方法。

解析数组

如果你有一个逗号分隔的字符串，想要将其转换为一个数组，可以使用split()方法。例如：

const str = "apple,banana,orange";
const arr = str.split(",");
console.log(arr); // 输出: ["apple", "banana", "orange"]

如果你想要解析的是一个JSON格式的字符串数组，可以使用JSON.parse()方法：

const jsonString = '["apple", "banana", "orange"]';
const arr = JSON.parse(jsonString);
console.log(arr); // 输出: ["apple", "banana", "orange"]

解析URL哈希

在JavaScript中，可以使用window.location.hash来获取URL的哈希部分（包括#符号）。然后，你可以使用split()和forEach()等方法来解析哈希中的参数。

const hash = window.location.hash;
const hashParams = hash.substring(1).split("&"); // 去掉#符号，并按&分割参数

const params = {};
hashParams.forEach(param => {
  const [key, value] = param.split("="); // 按=分割键值对
  params[decodeURIComponent(key)] = decodeURIComponent(value); // 解码键值对
});

console.log(params); // 输出: { key1: "value1", key2: "value2" } (示例)

如果你想要一个更简洁的方法来解析URL哈希，可以使用一个现成的库，如query-string：

首先，安装query-string库：

npm install query-string

然后，在你的代码中使用它：

import queryString from 'query-string';

const parsed = queryString.parse(window.location.hash);
console.log(parsed); // 输出: { key1: "value1", key2: "value2" } (示例)

这样，你就可以方便地解析URL哈希中的参数了。