如何将字符串转换为数组？及URL锚点后内容转数组

嘿，很高兴能帮你解决这两个字符串处理的问题，我在Stack Overflow上经常看到类似的提问，给你整理了实用的解决方案：

1. 如何将普通字符串转换为数组？ #

根据你的需求不同，有几种简单好用的方法：

• 按单个字符拆分：如果想把字符串拆成每个独立字符组成的数组，直接用split('')方法就行，示例代码：

  const str = "hello world";
  const charArray = str.split('');
  // 输出结果: ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd']
  

• 按指定分隔符拆分：如果字符串是用特定符号（比如逗号、空格）分隔的内容，把分隔符传给split()就能拆分出对应数组，示例：

  const str = "apple banana cherry";
  const fruitArray = str.split(' ');
  // 输出结果: ['apple', 'banana', 'cherry']
  

• 处理特殊字符的最佳方式：如果字符串里包含Unicode字符（比如表情、特殊符号），推荐用ES6的扩展运算符[...str]，它能正确处理这些字符，避免拆分出错：

  const str = "👋你好Stack";
  const unicodeArray = [...str];
  // 输出结果: ['👋', '你', '好', 'S', 't', 'a', 'c', 'k']
  

2. 提取URL中#后的内容并转换为数组？ #

这个需求在前端路由处理中特别常见，我给你分步拆解：

1. 先拿到#后面的哈希部分：对于给定的URL，我们可以用split('#')把URL拆分成两部分，取第二部分就是#后的内容（注意要处理没有#的情况，避免报错）：

   const url = "https://stackoverflow.com/#/schedulePage/some/another";
   const hashContent = url.split('#')[1] || '';
   // 得到: '/schedulePage/some/another'
   

2. 将哈希内容转换为数组：哈希内容通常是用/分隔的路径，直接拆分的话开头会有空字符串，所以我们可以用filter(Boolean)过滤掉空值，或者先去掉开头的/再拆分：

   // 方法一：过滤空值
   const hashArray = hashContent.split('/').filter(Boolean);
   // 结果: ['schedulePage', 'some', 'another']
   
   // 方法二：先去除开头的/再拆分
   const cleanedHash = hashContent.replace(/^\/+/, '');
   const hashArray = cleanedHash.split('/');
   // 同样得到: ['schedulePage', 'some', 'another']
   

内容的提问来源于stack exchange，提问作者Alexeii Kozachuk