Combining a pair of strings to form an array or object

I have a dilemma with combining two strings into one array or object.

1:  [atty_hourly_rate],[paralegal_hourly_rate],[advanced_deposit]
2:  250,150,500

My main goal is to access the value 500, which corresponds to advanced deposit. The order of the strings may vary, so I am looking to organize them into an array like this:

values[atty_hourly_rate] = 250
values[paralegal_hourly_rate] = 150
values[advanced_deposit] = 500

This way, I can easily refer to values[advanced_deposit] when needed.

Does anyone have any suggestions on how to achieve this efficiently?

Answer №1

To create a new object from the provided data, you can split the strings to extract the keys and values.

var string1= '[atty_hourly_rate],[paralegal_hourly_rate],[advanced_deposit]',
    string2 = '250,150,500',
    keys = string1.split(',').map(function (a) { return a.slice(1, -1); }),
    object = string2.split(',').reduce(function (r, a, i) {
        r[keys[i]] = a;
        return r;
    }, {});
    
console.log(object);
.as-console-wrapper { max-height: 100% !important; top: 0; }

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

JavaScript Empty Input Field when Duplicating Node

I am seeking advice on how to clear the textboxes when an HTML form is cleared. The following JS code runs onclick: var counter = 0; function moreField() { counter++; var newFields = document.getElementById('readroot').cloneN ...

Retrieve a specific value in HTML <a> tag using JavaScript-Ajax in Django

I am currently working with Python 3 and Django. Within my HTML code, I have the following: {% for category in categories() %} <li class="c-menu__item fs-xsmall"> <a href="#" id="next-category"> {{ category}} & ...

Dealing with a situation where different functions need to be called based on a condition while using unique button names. This is

<button type="button" class="btn btn-primary ms-4" (click)="update()">Save</button> <button type="button" class="btn btn-primary ms-4" (click)="create()">Add</button> B ...

Casting Types in Python Version 2.7

What is the method for converting a float to a long in Python 2.7? In Python 2.3, I achieve this using the following code: from array import* data = array('L',[12.34]) print data This outputs: array('L',[12L]) How can I accomplish ...

Why won't hover over function properly in separate divs for two items?

My goal is to show text when hovering over a logo, but the text and logo are in different divs. Despite trying various solutions like using display: none and display: block, I still can't get it to work. import styles from '../styles/Float.module ...

Can I input an array of values into a jQuery Knob for use?

Can I assign an array of values to my knob settings, like: 20,30,60,100,200,400,800 Is this feasible? Link to jQuery Knob GitHub repository ...

The new Date function is malfunctioning on Firefox

Could you please explain why this particular function is not functioning correctly in Firefox (V 34 latest)? It appears to be working successfully on all other browsers, but 'DatePosted' is displaying as Invalid Date. Do you have any insights on ...

In Internet Explorer 8, experiment with creating a unique event in plain JavaScript and then capturing it using jQuery

Currently, I am facing an issue with IE8 regarding the execution order of scripts. There is a piece of code that needs to run before JQuery is loaded so I can fire a custom event. This event will be detected later by another section of code once JQuery ha ...

Does vanilla Javascript have a similar function to Jquery's Require function?

I'm currently using the require function in RequireJS, but I'd like to achieve something similar in vanilla JavaScript. How can I go about doing this? require(['underscore', 'jquery', 'settings', 'text!/core/use ...

Experiencing issues with Firebase authentication on Nuxt app when refreshing the page for beginners

Despite my efforts of trying numerous examples and methods, I am still stuck in this situation - I have been struggling with it for the past 2 days now... The issue I am facing is that my app functions properly when I log in and click on links, but if I re ...

Challenges arise in the grid system when implementing Material UI

Hey there, I've been trying to create card sets using material UI. I have organized the data from a JavaScript object, but unfortunately, the output is not what I expected. Below is the code I am currently using: const CardFeatures = () => { ...

Developing with PHP and Ajax with the onchange event handler

This is the code snippet from my cat.php file: <script> function showUser(str) { if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlh ...

Issue with Yeoman webapp generator and Gulp, encountering error when using Gulp-jade package

I'm encountering some difficulties integrating jade with yeoman's gulp webapp generator. The watch task is functioning properly, but when I attempt to build the project, I encounter the following error: stream.js:94 throw er; // Unhandled ...

Bring JavaScript Function into Vue's index.html File

Recently in my code files, I noticed the following: function example() { console.log("testing"); } In another file, I have something like this: <head> <script src="../src/example.js" type="text/babel"></sc ...

Automate CSS slideshow playback using JavaScript

Using only CSS, I created a basic slideshow where the margin of the element changes upon radio button click to display the desired slide. You can view the functionality in the code snippet below. Additionally, I implemented auto play for this slideshow usi ...

Querying data from a promise and embedding it in a JSON object in AngularJS

Attempting to retrieve data from a promise within a JSON object for the first time has presented me with a challenging task. The typical approach looks something like this: Service JS app.factory("dataService", ["$http", function ($http) { fu ...

Three.js elements are not appearing in the scene because the camera is not properly positioned

In my scene, I have a variety of elements such as a cube, cylinder, sphere, and more. The camera is positioned at (0,30,40) to display the entire scene, but I'm encountering issues with one specific element - a moving cube. When I try to use the came ...

Unable to shrink array within an object

I'm encountering an issue while trying to reduce an array within an object. The error message I receive is: push is not a function To begin, I initialized my arrays as empty and created an add function to use as the first argument: function add(a,b ...

Utilize Ajax to automatically populate a textbox with suggestions

I'm retrieving data via an AJAX call. How can I bind the data for auto-completion in a text box using both the name and ID as fields? What is the best way to bind this data in the frontend and retrieve the selected name's ID in the backend using ...

Using jQuery to dynamically populate select options based on JSON data

I have been testing and searching for a solution to my issue, but it still doesn't work. Any help would be greatly appreciated. I have three select options implemented in PHP like this: <div class="control-group" id="merkPrinter"> <label cl ...