Регуляркой получить значения параметра url для дальнейшего взаимодействия?

Question

[Aleksandr2208]

Есть урлы:
sitename.net/somedirectory/14545
sitename.net/somedirectory/14545/count-1145
sitename.net/somedirectory/14545/specific-345
sitename.net/somedirectory/14545/count-1145/specif...

14545 - это id он числовой и может быть любым числом
count-1145 - где count некий параметр а 1145 его id(может быть любым числом)
specific-345 - где specific некий параметр а 345 его id(может быть любым числом)

Задача получать, если они есть в урле, параметры count и specific
для дальнейшей манипуляции с урлом в зависимости от условия через window.location
необходимо учесть возможность задать/убрать как по одному параметру так и сразу 2

Answer 1

[0xD34F]

const urls = [
  'http://sitename.net/somedirectory/14545/',
  'http://sitename.net/somedirectory/14545/count-1145',
  'http://sitename.net/somedirectory/14545/specific-345',
  'http://sitename.net/somedirectory/14545/count-1145/specific-345',
];

const getParams = (url, params) =>
  params instanceof Array && params.length
    ? (url.match(new RegExp(`(${params.join('|')})-\\d+`, 'g')) || [])
        .map(n => n.split('-'))
        .reduce((acc, n) => (acc[n[0]] = n[1], acc), {})
    : {};

const params = urls.map(n => getParams(n, [ 'count', 'specific' ]));

или, если надо получать все, которые есть, без указания конкретных имён:

const getParams = url =>
  Object.fromEntries((url
    .match(/[a-z]+-\d+/g) || [])
    .map(n => n.split('-'))
  );

Comments

[Aleksandr2208]

Спасибо, из window.location.pathname = "/somedirectory/14545/count-1145"
const params = getParams(window.location.pathname, ['count', 'specific']);
получаю свой count со значением 1145

Подскажите как эти параметры изменять\удалять при необходимости и подставлять новые значения в window.location.pathname

Например: условие задать count-1325 должны получить window.location.pathname = "/somedirectory/14545/count-1325" и т.д.

Я так понимаю нужно разбирать pathname на составляющие /somedirectory/*id* + /count-*id* + /specific-*id*
не подскажите как?

[0xD34F]

Aleksandr2208,

const setParams = (url, params) =>
  Object.entries(params).reduce((acc, [ k, v ]) => {
    const reg = new RegExp(`${k}-\\d+(/?)`);
    return reg.test(acc)
      ? acc.replace(reg, v !== null ? `${k}-${v}$1` : '')
      : v !== null
        ? `${acc}${acc[acc.length - 1] === '/' ? '' : '/'}${k}-${v}`
        : acc;
  }, url);

const url = 'http://sitename.net/somedirectory/14545/count-1145/specific-345';

const params = [
  { count: 666 },
  { count: 666, specific: 187 },
  { count: null, specific: null },
  { count: null, specific: 187, xxx: 69 },
  { specific: 0 },
];

const newUrls = params.map(n => setParams(url, n));

[Aleksandr2208]

0xD34F, Спасибо! То что надо

[Aleksandr2208]

Не подскажите как добавить приоритет параметру, чтобы параметр count всегда стоял перед specific
Я так понимаю это некая сортировка должна быть

[0xD34F]

Aleksandr2208, а если не count? И не перед specific? Предлагаете мне придумать как и когда сортировать, при том, что сами и трёх минут этому вопросу не уделили (судя по формулировке). Нет, так не будет, на такие расплывчатые вопросы я не отвечаю.

[Aleksandr2208]

0xD34F, добавить параметрам сортировку в алфавитном порядке для функции setParams, так можно?

[0xD34F]

Aleksandr2208, ну, делайте. Сначала получаете те параметры, которые есть, попутно вырезав их из url, объединяете объекты старых и новых параметров, сортируете, добавляете.

[Aleksandr2208]

0xD34F, Спасибо! Сделал через проверку параметра дальше обнуление и заново переназначил в нужном порядке.

Answer 2

[Николай Чуприк]

count = myURL.match( /count-(\d+)/ )[ 1 ];
specific = myURL.match( /specific-(\d+)/ )[ 1 ];

Comments

[Aleksandr2208]

получаю ошибку "Uncaught TypeError: Cannot read property '1' of null"

[Николай Чуприк]

Aleksandr2208, очевидно, что надо сначала проверить, есть ли в массиве элемент #1. Т.к. если шаблон с count или specific не отыскивается, то и будет такая ошибка. Я надеялся, что с этим вы и сами справитесь.

Answer 3

[sinneren]

это не решение, но в таком направлении надо думать

/^\/somedirectory\/([\d]+)(\/?)(count-([\d]+))(.*)$/