Anhängen Objektwerte in 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\ 

Ich habe diese dynamisch auf meiner Seite hinzugefügt JQuery den Wert des Abzugs mit wie ist diese

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

Ich möchte den Wert auf der jeweils anderen haben, aber im Moment ist es ist nicht das, was passiert ich mag dieses

SSS:1000,GSIS:1000

ich es nicht bin immer ist, weil ich <br> auf dem dynamischen Hinzufügen der Werte hinzugefügt

Ich möchte, dass sie

SSS:1000, 
GSIS:1000 

Answer 1

Das Problem sein, weil Sie einen each() Anruf sind anhängt. Der return Wert hat keinen Einfluss auf die Zeichenfolge, die Sie verketten. Stattdessen wird das Array selbst zu einer Zeichenkette gezwungen, daher sehen Sie die einfache SSS:1000,GSIS:1000 Ausgabe.

Um dies zu beheben, können Sie join() verwenden, um die Werte der Zeichenfolge vor dem Verketten zu kombinieren. Versuchen Sie folgendes:

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>