There is a string that looks like this:
(redMultiplier=0, greenMultiplier=0, blueMultiplier=0, alphaMultiplier=1, redOffset=0, greenOffset=102, blueOffset=51, alphaOffset=0)I am looking to convert this string into an array or object. I have numerous strings in this format that also need to be converted. Is there a method to automatically change a string like this into a JavaScript array?
When you pass a string as a parameter to this function, it will return an object:
function convert(str){
str = str.replace(/\(|\)/g,'');
var arr = str.split(',');
var obj = {};
for (var i = 0; i < arr.length; i++) {
var singleArr = arr[i].trim().split('=');
var name = singleArr[0];
var value = singleArr[1]-0;
if (obj[name] == undefined) {
obj[name] = value;
}
}
return obj;
}
The resulting object will look like Object {redMultiplier: 0, greenMultiplier: 0, blueMultiplier: 0, alphaMultiplier: 1}
If you want to extract values using regular expressions, you can achieve that with RegExp in JavaScript.
var inputString = '(redMultiplier=0, greenMultiplier=0, blueMultiplier=0, alphaMultiplier=1, redOffset=0, greenOffset=102, blueOffset=51, alphaOffset=0)'
var extractedValues = {};
inputString.replace(/(\w+)=(\d+)/g, function (match, key, value){
extractedValues[key] = parseInt(value);
});
console.log(extractedValues);
Learn how to easily transform to an array
let string = "(redMultiplier=0, greenMultiplier=0, blueMultiplier=0, alphaMultiplier=1, redOffset=0, greenOffset=102, blueOffset=51, alphaOffset=0)".replace(/[()]/g, '');
console.log(string.split(','));
let newArray = string.split(',');
let finalArray = [];
newArray.map((element) => {
finalArray.push( element.replace('=', ':') );
});
console.log(finalArray);
I am looking for a way to transfer data from DataTable to another page and pre-fill the fields using React or Redux. Can anyone guide me on how to achieve this? https://i.sstatic.net/fnl1N.png class Dtable extends Component { componentWillMount() { ...
Typically, when making API calls, we expect to receive a response in the form of data or an error. However, there are instances where a request is sent to the server but no response is received for a prolonged period. In such cases, it is necessary to moni ...
I recently posed a question on Stack Overflow that was somewhat similar to this one. However, my current query pertains to a dynamic form setup, with code differing from that addressed in the previous inquiry, presenting me with some challenges in finding ...
Is there a way to optimize this function by reducing the number of if statements? The currentFeatures are determined by a slider in another file. The cost is updated if the currentFeatures do not match the previousFeatures, and if the user changes it back ...
When working on my reactjs code, I encountered the following issue: const { children, location: { pathname }, } = this.props; let path = location.pathname; I am also utilizing the react router module in this component. Anyone have suggestions on how ...
I'm having trouble with a simple issue that I can't seem to solve. I am trying to randomly select an integer from an array of integers and load a bitmap based on that value. Sometimes it works, but most of the time I get errors saying I'm g ...
I am completely new to JavaScript, this being my first time delving into it. My difficulty does not lie in understanding JavaScript itself, but rather in grasping the connection between JavaScript and HTML. I am utilizing a specific software known as "Vent ...
Within a PHP MVC setup, there is a file named city.php in the model section which defines a city class. The city class contains a method called getCitiesByProvince('ProvinceId') that retrieves all cities for a given province. When a user picks ...
We have plans to create an internal dashboard utilizing Nuxt.js. Since this dashboard will be used internally, there is no requirement for a universal mode. Typically, most dashboards are designed as SPAs (Single Page Applications). However, SPAs still ne ...
In my Java script array, the structure goes up to 5 levels deep with elements containing strings and arrays. photoList = [Photographs, [ [2000, [ [London, [pic1.jpg, pic2.jpg, pic3.jpg]], ...
Currently, I am in the process of developing a website that utilizes a SAML token for single sign-on security measures. Within this site, there is a form containing multiple input fields that are responsible for triggering updates and validation across var ...
I am working on a project where I have lists of checkboxes as filters. Some of these lists are quite long, so I want to be able to toggle them to either a specified length or the full length for better user experience. I have implemented a solution, but th ...
After successfully making an Ajax call, I would like to implement an on-click function while still utilizing the original data retrieved. $.ajax({ URL: ......, type: 'GET', success: function (res) { var Ob ...
I'm encountering an issue with a program I've developed. It utilizes AJAX to send a user id to a php script that searches a table for matching records. However, the problem lies in only returning one row when it should be fetching all rows that m ...
"Map: Expected mapDiv of type Element but was passed null." -The height of the div is set in the css. Javascript (googleMaps.js): function initMap() { try { const sportHall2 = { lat: 51.18310959584043, lng: 4.388290 ...
My webform contains a variable number of textboxes and dropdowns. To send data to the server-side webmethod, I am utilizing the following code: $.ajax({ type: "POST", url: "SupplierMaster.aspx/RegisterSupplier", data: JSON.stringify({ ...
At the moment, my access to data is limited to just the initial section of the array: [ { /*start*/ "username" : "Bob", "password":"123456", "bio":"Hi", /*End*/ "data": [ { ...
The function is being called at this point printf("copy %s\n", string_dupe(s1)); And here is the actual function code: char* string_dupe(char *s){ char* new_s; new_s = malloc(8 * sizeof(s)); int i; for (i = 0; i < size_of(s); i+ ...
Currently, I am in the process of creating a docker image/container for testing purposes using my productive build application (nodeJS app). The goal is to perform e2e testing using a combination of mocha/chai and nightmareJS. To accomplish this, I have se ...
1. How can I remove a link using the method from a Vue.js component? Please help me troubleshoot this error: 'method splice is undefined' is showing up in console. Adding a link when inserting a message is not an issue, but removing it seems impo ...