如何使用JavaScript创建短网址服务？

JavaScript 短网址实现

简介

短网址是一种将长网址压缩为短链接的技术，常用于社交媒体、短信等场合，本文将介绍如何使用 JavaScript 实现短网址功能。

源码解析

1. 数据结构

我们需要一个数据结构来存储长网址和短网址的映射关系，这里我们使用一个对象（Object）来实现：

const urlMap = {};

2. 生成短网址 ID

为了生成唯一的短网址 ID，我们可以使用一个自增的数字，每次添加新的长网址时，数字加一：

let id = 0;

3. 添加长网址

我们需要一个函数来添加长网址，这个函数接收一个长网址作为参数，然后将其添加到urlMap 中，并返回对应的短网址 ID：

function addUrl(longUrl) {
  const shortUrlId = id++;
  urlMap[shortUrlId] = longUrl;
  return shortUrlId;
}

4. 根据短网址 ID 获取长网址

我们还需要一个函数，根据短网址 ID 获取对应的长网址：

function getLongUrl(shortUrlId) {
  return urlMap[shortUrlId];
}

5. 完整代码

将以上代码整合到一起，我们得到完整的短网址实现：

const urlMap = {};
let id = 0;
function addUrl(longUrl) {
  const shortUrlId = id++;
  urlMap[shortUrlId] = longUrl;
  return shortUrlId;
}
function getLongUrl(shortUrlId) {
  return urlMap[shortUrlId];
}

相关问题与解答

Q1: 如果需要支持多个用户同时使用短网址服务，如何修改代码？

A1: 为了支持多个用户同时使用短网址服务，我们需要为每个用户分配一个独立的urlMap，可以将urlMap 改为一个 Map，键为用户 ID，值为该用户的urlMap：

const userUrlMaps = new Map();

然后在addUrl 和getLongUrl 函数中，根据用户 ID 获取对应的urlMap：

function addUrl(userId, longUrl) {
  if (!userUrlMaps.has(userId)) {
    userUrlMaps.set(userId, {});
  }
  const urlMap = userUrlMaps.get(userId);
  const shortUrlId = id++;
  urlMap[shortUrlId] = longUrl;
  return shortUrlId;
}
function getLongUrl(userId, shortUrlId) {
  const urlMap = userUrlMaps.get(userId);
  return urlMap[shortUrlId];
}

Q2: 如果需要将短网址 ID 转换为易于记忆的字符串，如何实现？

A2: 为了将短网址 ID 转换为易于记忆的字符串，我们可以使用 Base62 编码，首先创建一个包含大小写字母和数字的字符集：

const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';

然后实现一个将数字转换为 Base62 编码的函数：

function toBase62(num) {
  let result = '';
  while (num > 0) {
    result = chars[num % 62] + result;
    num = Math.floor(num / 62);
  }
  return result;
}

在addUrl 函数中，将短网址 ID 转换为 Base62 编码并返回：

function addUrl(longUrl) {
  const shortUrlId = id++;
  urlMap[shortUrlId] = longUrl;
  return toBase62(shortUrlId);
}