Converting array of objects to newline string

Question

I am using following line of code to split an array of objects to comma separated values

var myArray = [{Name: "apple"}, {Name: "Banana "}];
type : { DisplayText: myArray.length > 0 ? myArray.map(function (elm) { return elm.Name }).join(", ") : null,
         property1: 'a',
         Property2: 'b'
       }

Output:

apple, Banana

However, how i can generate the following output

apple
Banana

Note: The following does not work. It generates output apple Banana

DisplayText: myArray.length > 0 ? myArray.map(function (elm) { return elm.Name }).join("\n") : null,

Update: Actually i am creating type object with DisplayText property and two other properties. That's why i have , at the end of line . Have a look at my updated answer

yes i updated my question, my array is exactly in the format you said, it was just type while posting this question.I repeat my array is array of objects with Name property in each object — simbada
– simbada, Commented Jul 3, 2017 at 6:25
@JapanGuy, As i said before "\n" does not work at all. Dont understand why people upvoted your answer even though i clearly said It does not work — simbada
– simbada, Commented Jul 3, 2017 at 6:30

prasanth · Accepted Answer · 2017-07-03 06:41:05Z

2

Its working remove the , with end of the displaytext null; instead of null,

var myArray = [{Name: "apple"}, {Name: "Banana "}];
var type = { DisplayText: myArray.length > 0 ? myArray.map(function (elm) { return elm.Name }).join("\n ") : null,
         property1: 'a',
         Property2: 'b'
       }
  console.log(type.DisplayText)

Using html try with join('<br>')

var myArray = [{Name: "apple"}, {Name: "Banana "}];
var type = { DisplayText: myArray.length > 0 ? myArray.map(function (elm) { return elm.Name }).join("<br> ") : null,
         property1: 'a',
         Property2: 'b'
       }
document.body.innerHTML +=type.DisplayText

edited Jul 3, 2017 at 6:41

answered Jul 3, 2017 at 6:31

prasanth

22.6k4 gold badges33 silver badges57 bronze badges

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

1 Comment

simbada Over a year ago

please have a look at my updated question. There is a reason i was putting , at the end of line

Iññoceñt Ùšmâñ · Accepted Answer · 2017-07-03 06:23:39Z

0

Try This

   var myArray = ["apple", "Banana "];
DisplayText: myArray.length > 0 ? myArray.map(function (elm) { return elm.Name }).join("\n") : null,

answered Jul 3, 2017 at 6:23

Iññoceñt Ùšmâñ

3341 gold badge6 silver badges16 bronze badges

Comments

brk · Accepted Answer · 2017-07-03 06:29:49Z

0

Use array#join method with , as separator

var myArray = ["apple", "Banana "];
console.log(myArray.join(','));

It will take , as default separator if no symbol is passed

var myArray = ["apple", "Banana "];
    console.log(myArray.join());

Edit(after question update)

var arr = [{
  Name: "apple"
}, {
  Name: "Banana "
}];
var newStr = '';

var x = arr.map(function(item) {
  newStr = item.Name;
  return newStr;

}).join();

console.log(x)

edited Jul 3, 2017 at 6:29

answered Jul 3, 2017 at 6:24

brk

50.3k10 gold badges59 silver badges85 bronze badges

2 Comments

simbada Over a year ago

Please check my updated question. My array is an array of objects and not array of strings. e.g. var myArray = [{Name: "apple"}, {Name: "Banana "}];

RobG Over a year ago

.join(',') and .join() are functionally identical since the default join character is ",".

Collectives™ on Stack Overflow

Converting array of objects to newline string

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related