轉換對象的陣列，以換行字符串

Question

我使用的代碼下面的行對象的數組分割以逗號分隔值

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

輸出：

apple, Banana 

然而，如何我可以生成以下輸出

apple 
Banana 

備註： 以下does not work。它產生輸出apple Banana

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

更新： 其實我創造type object與DisplayText財產和two other properties。這就是爲什麼我在線末尾有,。看看我的最新答案

Answer 1

與,嘗試這個

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

Answer 2

使用array#join方法分離

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

這將需要,作爲默認的分隔符，如果沒有符號通過

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

編輯（後問題更新）

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

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

 
}).join(); 
 

 
console.log(x)

Answer 3

其工作與displaytext null;的結束，而不是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)

使用HTML與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