How to join/add strings in an array object

Question

I've an array which has objects inside it:

[
{pointID: 1, pointName: "One" },
{pointID: 2, pointName: "Two" },
{pointID: 3, pointName: "Three" }
]

I would like to join all the strings i.e pointName like this : "One-Two-Three"

Any help is appreciated. Thanks.

Edit 1:

This is what I tried so Far:

this.viaPoints.forEach(x=> {      
      var splitted = x.pointName.split(" ");    
      console.log('I5: ',splitted[0].join("-"));
     });

The reason I've split is because the string will have extra characters some times like "One - A". So I've used split to remove the extra

Edit 2: In my case this helped as I mentioned above that to remove extra characters and strings:

var permittedValues1 = this.viaPoints.map(value => value.pointName.split(" ")[0]).join("-") ;

What have you tried so far ?? Please always mention what you have already attempted !! "I've a programming problem, solve it for me !!" is not how SO is supposed to be used. — Exception_al
– Exception_al, Commented Sep 16, 2021 at 8:19

Sarath Mohandas · Accepted Answer · 2021-09-16 08:30:20Z

2

You can use .map and .join functionalities too. Here .map will take the values based upon the key-pointName and .join is used to return an array as a string. The elements will be separated by a specified separator (here "-").

let array = [
      {pointID: 1, pointName: "One" },
      {pointID: 2, pointName: "Two" },
      {pointID: 3, pointName: "Three" }
      ];
var permittedValues = array.map(value => value.pointName).join("-") ;

answered Sep 16, 2021 at 8:30

Sarath Mohandas

5361 gold badge10 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Mercy Over a year ago

If i want to apply join for pointID and pointName at sametime, how should we do.?

Sarath Mohandas Over a year ago

public permittedValues = this.array.map(value => value.pointID.toString().concat(value.pointName)).join("-") ;

Mercy Over a year ago

Thank you for your response. I meant to say, I have a table. In the first column I want to display all pointID's with a comma, and in the second column all pointNames,.sameway for the third column...

Sarath Mohandas Over a year ago

Why don't you use the ngFor directive for the above array? like this <table style="border:1px solid green;"> <tr *ngFor="let x of array"> <td style="border:1px solid green;">{{x.pointID}},</td> <td style="border:1px solid green;">{{x.pointName}}</td> <td style="border:1px solid green;">{{x.pointID}} -{{x.pointName}}</td> </tr> </table>

Mercy Over a year ago

I figured it out, This is my solution for the query i have. const clusterNames= this.getpolicies.map(item=>item.cluster_name).join(', '); const policyNames = this.getpolicies.map(item => item.templateName).join(', '); const policyLabel = this.getpolicies.map(item => item.policy_name).join(', '); const policyyml = this.getpolicies.map(item => item.templateYaml); const tableEntry = { clusterNames, policyNames, policyLabel, policyyml } this.tableDetails = [...this.tableDetails,tableEntry]

Yves Kipondo · Accepted Answer · 2021-09-16 08:24:28Z

2

You can use Array.prototype.reduce function to return an array which contains pointName for each object in the array and join all value of the return array with -.

let data = [
  {pointID: 1, pointName: "One" },
  {pointID: 2, pointName: "Two" },
  {pointID: 3, pointName: "Three" }
]

let result = data.reduce((accumulator, current) => {
    return accumulator.concat(current.pointName);
}, []).join('-');

console.log(result);

answered Sep 16, 2021 at 8:24

Yves Kipondo

5,6931 gold badge22 silver badges33 bronze badges

1 Comment

georg Over a year ago

.reduce(... => accumulator.concat(...)) is precisely what .map does.

Collectives™ on Stack Overflow

How to join/add strings in an array object

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related