JSFiddle - React, Tailwind, and code Playground

by irinablue

JavaScript

let ruleSelectorsWithSticks = 'div.cyber-select-auto__button > button | div.section-select-auto__button > button | .mainblock-search__car .submit | .mainblock-search__car .submit > * | .block-select-car__button  * | .block-select-truck__button > * | .header-select__choosse a.button | .teile-select-auto .teile-select-auto__button .submit | .teile-select-auto .teile-select-auto__button .submit * | .search_box_car .search_button | .search_box_car .search_button * | .header-select__choosse button.button';
let ruleSelectorsWithStickAndCommas = 'div.cyber-select-auto__button > button | div.section-select-auto__button > button | .mainblock-search__car .submit | .mainblock-search__car .submit > * | .block-select-car__button  * | .block-select-truck__button > * | .header-select__choosse a.button | .teile-select-auto .teile-select-auto__button .submit | .teile-select-auto .teile-select-auto__button .submit *, .search_box_car .search_button, .search_box_car .search_button *, .header-select__choosse button.button';
let ruleSelectorsWithCommas = '#search_form .button , #search_form .button > * , #search_form .search_button , #autocomplete-suggestions-list .autocomplete-suggestion , #search_form .form-submit , #search_form .form-submit > *';

let ruleSelectors = ruleSelectorsWithStickAndCommas;

const separator = ruleSelectors.indexOf('|') >= 0 ? '|' : ',';
const regexSeparator = /[|,]/;
const paths1 = ruleSelectors.split(separator);
const paths2 = ruleSelectors.split(regexSeparator);

console.log('Rule selectors string', ruleSelectors);
console.log('\n\rSeparator in paths1 is symbol', separator);
for (let i = 0, l = paths1.length; i < l; i++) {
    console.info(i + 1, paths1[i].trim());
}

console.log('\n\rSeparator in paths2 is symbol', regexSeparator);
for (let i = 0, l = paths2.length; i < l; i++) {
    console.info(i + 1, paths2[i].trim());
}