Here is an interesting scenario involving a Javascript regular expression matching operation:
"class1 MsoClass2\tmsoclass3\t MSOclass4 msoc5".match(/(^|\s)mso.*?(\s|$)/ig);
When running this operation, the expected result would be
[" MsoClass2\t", "\tmsoclass3\t", " MSOclass4 ", " msoc5"][" MsoClass2\t", " MSOclass4 "].
This discrepancy raises an important question:
Since the initial match consumes the tab character, there is no white space character left before the second MSO string. The same applies to the space after the second match.
You may consider matching word boundaries instead of the separating characters. Try using the following code:
"class1 MsoClass2\tmsoclass3\t MSOclass4 msoc5".match(/\bmso.*?\b/ig)
Result of the above code will be:
["MsoClass2","msoclass3","MSOclass4","msoc5"]
The tabulator character preceding msoclass3 has already been used in the initial match " MsoClass2\t". Consider utilizing a non-consuming look-ahead assertion instead:
/(^|\s)mso[^\s]*(?=\s|$)/
After identifying the " MsoClass2\t" match, the matcher moves on to analyze the m in msoclass3, which fails to match the preceding space.
The reason for this issue is that you are utilizing ^ OR \s (whitespace) for the initial match when there is NO whitespace in class 3 of the string. In order to achieve the desired results, try using the following code snippet within the match():
/mso.*?(\s|$)/ig
It's uncertain whether using something like (^|\s) and (\s|$) is advisable at first. It may require some careful consideration to fully grasp the regex pattern. Complex regex patterns can often be confusing and difficult to understand, which is not ideal.
If you're looking to match words that start with "mso", regardless of case sensitivity, a possible approach could be:
"class1 MsoClass2\tmsoclass3\t MSOclass4 msoc5".match(/\s?(mso[^\s]*)\s?/ig);
This will give you:
[" MsoClass2 ", "msoclass3 ", " MSOclass4 ", "msoc5"]
It's close to what you requested, with some slight differences in whitespace.
Alternatively, a simpler solution could be:
"class1 MsoClass2\tmsoclass3\t MSOclass4 msoc5".match(/(mso[^\s]*)/ig);
Providing you with:
["MsoClass2", "msoclass3", "MSOclass4", "msoc5"]
Without any extraneous whitespace.
This approach is easier to comprehend and more reader-friendly as well. :-)
Hi there, I'm new to Laravel and I've created a small app that primarily uses CSS and JS scripts. Everything was working fine in my development environment, so I decided to push it to a production server. However, after installation, my code does ...
I am currently developing a data acquisition system using PhoneGap and facing an issue with storing form data temporarily on local storage using JSON. The data should remain visible even after closing and reopening the application by pressing the Get Data ...
I am encountering difficulty in triggering the Reveal modal, and I cannot figure out the issue. Initially, I suspected a JavaScript conflict. To troubleshoot, I stripped down the site to its essentials: some CSS, some JS, and some HTML. However, even afte ...
One of the challenges I am facing involves a textarea where users can input messages. The goal is to split the message into an array of words after detecting an '@' symbol, and then search for specific words in that array such as @person1 and @pe ...
Hey there, I'm currently facing some challenges with the new react-router-dom v6. As I am still in the learning phase of this latest version, I could really use some assistance. import React from 'react' function Bookingscrren({match}) { ...
So, I have a simple task where if a checkbox is selected, a drop-down should appear. If the checkbox is unselected, the dropdown should not show up. However, it seems like there's an issue with my code. Here's a snippet below to give you an idea ...
As I work on integrating Protractor for running tests on my Angular web application, I leverage a custom Angular service called ApiClient for making API calls. To mock this service, I utilize browser.addMockModule along with angular.module().factory(). Thi ...
Suppose I have two arrays: csid = [1 , 2 , 3] and area_id = 10. I want to assign the area ID to the CS ID. So, I attempted the following code: This code captures all user IDs in the array var ids = [], retrieves the area-select value, and passes it to the ...
I wanted to add a flashing "Contact Us" button to the menu bar of my website to immediately attract people's attention when they visit. Here is the javascript code I used: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&g ...
Looking for a way to send an array from JavaScript to a Joomla 3.x PHP file? var data = ['foo', 'bar']; $.post('index.php?option=component&view=componentview&Itemid=123&tmpl=component&layout=xlsx', {'xls ...
Is there a way to change the style of a Ext.tab.Panel element using inline CSS structure like how it's done for a xtype: button element? { xtype: "button", itemId: "imageUploadButton1", text: "Uploader", style: { background : ' ...
I'm attempting to retrieve a specific part of a JSON file through AJAX and display it in an HTML div. I only want to show a certain object, like the temperature. Here is the AJAX code: $(function () { $.ajax({ 'url': 'http://ap ...
Utilizing angular's cookie library, I have successfully set a cookie to store the id and passcode of a shopping cart on the backend. However, despite setting the expiration date to a past time in order to expire the cookie once the cart is purchased, ...
How can I change the behavior of next.js to load each URL with a full reload instead of acting like a one-page framework? ...
I am currently facing an issue in my React project with a throttle function from lodash. The requirement is that the function should not be executed if the length of the parameter value is zero. I have tried checking the length of the value and using thro ...
Check out this bootstrap navbar example You can see a screenshot here. <ul class="nav nav-tabs" style="display: inlne-block"> <li class="nav-item" style="text-align: center; display: inline;"> <div> <a class="nav ...
I've created a JavaScript code that changes the background color of my webpage every time it loads: document.getElementById("band").style.background = '#'+(Math.random()*0xFFFFFF<<0).toString(16); To improve visibility, I am aiming t ...
Having an input text box and a button, I am looking to display dummy data in a table when any number is entered into the input field and the button is clicked. Here is what I have tried: My Approach $("button#submitid").click(function () { $(&quo ...
I am currently developing a NodeJs backend code to retrieve data from the database. The desired structure of the data should look like this: data = [{ name: "Admin", id: '1', children: [ { name: "Admin", id: "1& ...
I am facing a use case where I need to add query parameters to API calls and save them for future use. Essentially, I have a report that requires multiple filters to be saved - some predefined and others customizable. These saved filters can then be execut ...