добавляющим значения объекта в JQuery

Question

<div class="col-xs-1 table-bordered text-sm-center"> <h6><label class="col-form-label small newvalues deduction">'+$.each(deductionname, function(i, val) {console.log(val);return val + "<br>" })+'</label></h6></div>\n\ 

Я это динамически добавляемые на моей странице, используя Jquery значение дедукции, как это

["SSS:1000", "GSIS:1000"] 

Я хочу иметь значение на верхней части друг с другом, но сейчас это не то, что происходит это я получаю как этот

SSS:1000,GSIS:1000

я не получаю, потому что я добавил <br> на динамически добавление значений

Я хочу, чтобы они были

SSS:1000, 
GSIS:1000 

Answer 1

Проблема в том, что вы присоединени each() вызов. Значение return не влияет на строку, которую вы конкатенируете. Вместо этого массив сам принуждается к строке, поэтому вы видите простой вывод SSS:1000,GSIS:1000.

Чтобы исправить это, вы можете использовать join(), чтобы объединить значения строки, прежде чем вы их соедините. Попробуйте это:

var deductionname = ["SSS:1000", "GSIS:1000"]; 
 
var str = '<div class="col-xs-1 table-bordered text-sm-center"> <h6><label class="col-form-label small newvalues deduction">' + deductionname.join(',<br />') + '</label></h6></div>'; 
 

 
$('div').html(str);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div></div>