使用 JavaScript / 正则表达式替换>>（双大于符号）

Question

I need " >> " to be replaced by "/" String: Test 2 >> Cat >> Cat2 Would become: Test 2/Cat/Cat2

Please know that I spent a ton of time reading all stack overflow and visiting fiddles but I can not get this right. I used online Regex tools, https://regex101.com/ and https://regexr.com/ and they confirmed RegEx was fine. Each of these has tested positive in Regex testing tools but I'm still not getting results I expect. I can not share code but here is a demonstration.

<span id="catidX"> Test 2 >> Cat >> Cat2 >> Cat4 || //// Cat /// Cat2 // Cat4 // CCat / CCat2 // CCat3 ///</span>
<script>

   var str = document.getElementById("catidX").innerHTML; 
    //var resA = str.replace(/[>]{2,}/g, "/");    - Attempt
    //var resA = str.replace([>]{2,}/g, "/");     - Attenmpt
    //var resA = str.replae(/>{2,}/g, "/");     - Attenmpt
    var resA = str.replace(/>>|>{2,}/g, "/");     
    var resB = resA.replace(/\/\//g, "/");
    document.getElementById("catidX").innerHTML = resB;
</script>

This code above produces the results

Test 2 >> Cat >> Cat2 >> Cat4 >> Detail || -- Cat -/ Cat2 - Cat4 - || CCat / CCat2 - CCat3 -/

I was just passing it through to replace to see results in both parts of the string.

UPDATE

• As per one of the helpful comments from a user - I added console.log(resB) to see what was output... which is not > but html for > - &gt

With that info - I edited that line but still no success

var resA = str.replace(/>{2,}/g,"/");

Answer 1

try this code

var str = "Test 2 >> Cat >> Cat2 >> Cat4"
str.replace(/>>/gi, "/");

result : "Test 2 / Cat / Cat2 / Cat4"

Answer 2

You can use the following regular expression:

/([>]{2})(?=[\s])+/g

Answer 3

Here is how I would do that: You will need to invoke replace() with a regex that matches globally all occurrences of >> using the g modifier:

let newText = oldText.replace(/>>/g, "/");

 let btn = document.querySelector("#start"); let span = document.querySelector("#catidX"); btn.addEventListener("click", function() { let oldText = span.innerText; let newText = oldText.replace(/>>/g, "/"); span.innerText = newText; });

 <span id="catidX"> Test 2 >> Cat >> Cat2 >> Cat4 || //// Cat /// Cat2 // Cat4 // CCat / CCat2 // CCat3 ///</span> <br /> <button id="start">Replace</button>

Answer 4

 let str = 'Test 2 >> Cat >> Cat2 >> Cat4 || //// Cat /// Cat2 // Cat4 // CCat / CCat2 // CCat3 ///'; res = str.replace(/(?:>|>){2,}|\/\/+/g, '/'); console.log(res);

• (?:>|>){2,} is a non capture group that matches 2 or more "greater than" > or html entity >
• \/\/+ matches 2 or more slashes