Combine two comma-separated strings in JavaScript to create an array of objects

Question

Combine two comma-separated strings in JavaScript to create an array of objects

I have two strings separated by commas that I want to transform into an array of objects.

{
 "id": "1,2,3",
 "name": "test 1, test 2, test 3"
}

Is there a way to convert this into the desired object format?

{
    "selectedDataConcepts": {
        "dataConcepts": [{
                "id": "1",
                "name": "test 1"
            },
            {
                "id": "2",
                "name": "test 2"
            },
            {
                "id": "3",
                "name": "test 3"
            }
        ]
    }
}

I've tried multiple approaches without success. Any help with finding a solution would be greatly appreciated.

javascript arrays angular typescript object

Answer 1

Answer №1

If you visit this link, you could learn about using String.prototype.split to separate ids and names into arrays, which can then be utilized to achieve the desired outcome.

const data = { id: "1,2,3", name: "test1, test2, test3" };

const ids = data.id.split(',');
const names = data.name.replaceAll(' ', '').split(',')
const result = {
    selectedDataConcepts: {
        dataConcepts: ids.map((id, index) => ({id, name: names[index]}))
    }
}

console.log(result);

Answer 2

If you visit this link, you could learn about using String.prototype.split to separate ids and names into arrays, which can then be utilized to achieve the desired outcome.

const data = { id: "1,2,3", name: "test1, test2, test3" };

const ids = data.id.split(',');
const names = data.name.replaceAll(' ', '').split(',')
const result = {
    selectedDataConcepts: {
        dataConcepts: ids.map((id, index) => ({id, name: names[index]}))
    }
}

console.log(result);

Answer 3

Answer №2

Here is an alternative method to accomplish this task...

const data = { id: "1,2,3", name: "test1, test2, test3" };

const { id, name } = data;
const ids = id.split(',');
const names = name.replaceAll(' ', '').split(',');

const selectedDataConcepts = {
  dataConcepts: ids.map((id, index) => ({id, name: names[index]}))
};

const result = { selectedDataConcepts };

console.log(result);

Answer 4

Here is an alternative method to accomplish this task...

const data = { id: "1,2,3", name: "test1, test2, test3" };

const { id, name } = data;
const ids = id.split(',');
const names = name.replaceAll(' ', '').split(',');

const selectedDataConcepts = {
  dataConcepts: ids.map((id, index) => ({id, name: names[index]}))
};

const result = { selectedDataConcepts };

console.log(result);

Answer 5

Answer №3

Experimenting with a more polished and easily readable method.

const data = { "id": "1,2,3", "name": "test 1, test 2, test 3"}

console.log({
    "selectedDataConcepts": {
        "dataConcepts": data.id.split(",").map((item, index) => {
            return {
                "id": data.id.split(",")[index],
                "name": data.name.split(",")[index].trim()
            }
        })
    }
})

Answer 6

Experimenting with a more polished and easily readable method.

const data = { "id": "1,2,3", "name": "test 1, test 2, test 3"}

console.log({
    "selectedDataConcepts": {
        "dataConcepts": data.id.split(",").map((item, index) => {
            return {
                "id": data.id.split(",")[index],
                "name": data.name.split(",")[index].trim()
            }
        })
    }
})

Answer 7

Answer №4

One initial concept that can definitely use some enhancement:

function convertToDataConcepts(obj) {
  const idList = obj.id.split(',');
  const nameList = obj.name.replaceAll(' ','').split(',');
  const result = {selectedDataConcepts:[]};

  idList.forEach((id, index) => {
    result.selectedDataConcepts.push({id:idList[index], name: nameList[index]});
  });
  return result;
}

Answer 8

One initial concept that can definitely use some enhancement:

function convertToDataConcepts(obj) {
  const idList = obj.id.split(',');
  const nameList = obj.name.replaceAll(' ','').split(',');
  const result = {selectedDataConcepts:[]};

  idList.forEach((id, index) => {
    result.selectedDataConcepts.push({id:idList[index], name: nameList[index]});
  });
  return result;
}

Answer 9

Answer №5

Here is a potential solution for you:

const data = { id: "x,y,z", name: "apple, orange, banana" };

const jsonData = {
    "selectedFruitData": {
        "fruits": data.name.split(',').map((fruit,i) => ({id:data.id.split(',')[i], name}))
    }
}
console.log(jsonData);

Answer 10

Here is a potential solution for you:

const data = { id: "x,y,z", name: "apple, orange, banana" };

const jsonData = {
    "selectedFruitData": {
        "fruits": data.name.split(',').map((fruit,i) => ({id:data.id.split(',')[i], name}))
    }
}
console.log(jsonData);

Combine two comma-separated strings in JavaScript to create an array of objects

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Guide to displaying API data in HTML format

Presentation of information with loading and error scenarios

Validate if the user is actively scrolling; if not, automatically adjust the scroll position to the bottom

Tips on personalizing the formatting alert in Webclipse for Angular 2 using Typescript

What prevents me from extending an Express Request Type?

"Contrasting the Execution of a JavaScript Function in a .js File Versus an HTML

Setting up Jest

Guide to retrieving objects in React.js

Is it possible for the HTML data attribute to store a direct link to a specific DOM element?

Using jQuery and Ajax to fade in content after all images and other assets have finished loading

How to assign a value in an HTML element using AngularJS

What is the best way to notify the user about the input in the textbox?

Tips for simulating a service in Angular unit tests?

End of ImageButton tag

Is there a way to organize this array based on the group score?

"Converting an HTML file to a Word file using PHP - a step-by-step

Postman post request failing to insert Mongoose model keys

Guide to resolving domain names in express.js

`Adding data to Rails database and displaying without the need for reloading using AngularJS`

Strategies for launching a website with NPM-managed JavaScript dependencies?