Merge the values of an object's key with commas

Question

Merge the values of an object's key with commas

I'm dealing with an array of objects that looks like this:

let modifiers = [
 {name: "House Fries", price: "2.00"},
 {name: "Baked Potato", price: "2.50"},
 {name: "Grits", price: "1.50"},
 {name: "Nothing on Side", price: "0.00"}
]

My goal is to concatenate the names of each object in the array with a comma separating them. The desired end result should look like this:

"House Fried, Baked Potato, Grits, Nothing of Side"

Can someone guide me on how to achieve this using TypeScript? Any assistance would be greatly appreciated.

javascript arrays typescript object concatenation

Answer 1

Answer №1

If you want to achieve this task, one way is to utilize the Array.prototype.map() method. Initially, retrieve all the names by utilizing the map method and then employing the Array.prototype.join() method to obtain a comma-separated string.

const extras = [
  { name: 'Salsa', price: '1.00' },
  { name: 'Guacamole', price: '2.00' },
  { name: 'Sour Cream', price: '1.50' },
  { name: 'Cheese', price: '1.25' },
];
const result = extras.map((item) => item.name).join(', ');
console.log(result);

Answer 2

If you want to achieve this task, one way is to utilize the Array.prototype.map() method. Initially, retrieve all the names by utilizing the map method and then employing the Array.prototype.join() method to obtain a comma-separated string.

const extras = [
  { name: 'Salsa', price: '1.00' },
  { name: 'Guacamole', price: '2.00' },
  { name: 'Sour Cream', price: '1.50' },
  { name: 'Cheese', price: '1.25' },
];
const result = extras.map((item) => item.name).join(', ');
console.log(result);

Merge the values of an object's key with commas

Answer №1

Similar questions

In the Opera browser, the closing script tags seem to mysteriously vanish

jQuery document.ready not triggering on second screen on Android device

What is the best way to retrieve entire (selected) objects from a multiselect feature in Angular?

Guidelines for transferring JavaScript array data to a csv file on the client side

issues related to implementing search functionality with react-redux

Struggles with establishing a connection to the Gmail API

Is there a way to prevent the background color from filling the entire container?

An issue encountered with res.download() following res.render() in Node.js

Retrieve the data attribute from a specific dropdown menu using jQuery

Display an AJAX div when the image is hovered over and have it track the movement of

JavaScript - Unable to unselect a button without triggering a page refresh

Encountering Duplicate Identifier Error while working on Angular 2 Typescript in Visual Studio Code

Modify the style of an element using a media query and Angular 4

Optimizing Angular.js templates for faster loading using Node.js pre-compilation

Using Angular $resource to store an object with arrays

Enable Row Editing with a Click in Material Table

Updating text color with Ajax response value

A guide to downloading a file linked to Javascript with the help of Java

Exploring the use of callbacks in React closures

Selenium Python option other than using send_keys()