При работе с веб-приложениями данные обычно передаются через URL-адреса с помощью строк запроса. Строки запроса — это части URL-адреса, которые идут после знака “?” символ и содержат пары ключ-значение. В этой статье мы рассмотрим различные методы JavaScript для извлечения токенов из строки запроса и предоставим примеры кода для каждого подхода.

Метод 1: использование API URLSearchParams
API URLSearchParams предоставляет удобный способ анализа строк запроса и управления ими. Вот пример того, как использовать его для извлечения токена:

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const token = urlParams.get('token');
console.log(token);

Метод 2. Разделение строки запроса
Другим часто используемым методом является разделение строки запроса на основе символов «&» и «=”. Вот пример:

const queryString = window.location.search;
const params = queryString.substr(1).split('&');
let token = null;
params.forEach(param => {
  const [key, value] = param.split('=');
  if (key === 'token') {
    token = value;
    console.log(token);
  }
});

Метод 3: регулярные выражения
Регулярные выражения предоставляют гибкий способ извлечения токенов из строки запроса. Вот пример, в котором для сопоставления и извлечения токена используется регулярное выражение:

const queryString = window.location.search;
const regex = /[?&]token=([^&#]*)/g;
const match = regex.exec(queryString);
const token = match && decodeURIComponent(match[1].replace(/\+/g, ' '));
console.log(token);

Метод 4: анализ URL-адресов
Если вам нужен более низкоуровневый подход, вы можете использовать встроенный объект URLдля анализа URL-адреса и извлечения токена. Вот пример:

const url = new URL(window.location.href);
const token = url.searchParams.get('token');
console.log(token);

В этой статье мы рассмотрели несколько методов извлечения токенов из строки запроса в JavaScript. Мы рассмотрели использование API URLSearchParams, разделение строки запроса, использование регулярных выражений и анализ URL-адресов. В зависимости от требований вашего проекта вы можете выбрать метод, который лучше всего соответствует вашим потребностям.

Освоив эти методы, вы сможете эффективно извлекать токены из строк запроса и использовать их в своих веб-приложениях.

Не забудьте обработать случаи, когда токен может не существовать или когда формат строки запроса меняется. Приятного кодирования!