estoy iterando un array asociativo para devolver un objeto html con propiedades de configuración de un objeto JSON, y cuando termina cada iteración introduce una coma. He revisado el código varias veces y no encuentro el error, solo aparece a partir de la primera iteracción.
const boton_content = [{
nombre: 'button',
class: 'botonText',
texto: 'Texto del boton',
type: 'text',
}, {
nombre: 'button',
class: 'botonText2',
texto: 'Soy el texto el boton2',
type: 'text',
},
{
nombre: 'button',
class: 'botonText2',
texto: 'Soy el texto el boton3',
type: 'text',
},
{
nombre: 'button',
class: 'botonText2',
texto: 'Soy el texto el boton',
type: 'text',
}];
const t_settings_content_button = function() {
var result = [];
for (var property in boton_content) {
result[property] = (`
<div class="lib-field" id="lib-settings_content_button>
<label class="` + boton_content[property]['class'] + `">` + boton_content[property]['texto'] + ` </label>
<input type=` + boton_content[property]['type'] + `>
</div>
`);
}
return result;
}
Podéis ver el problema en la siguiente captura:
Desde otro archivo tengo un función que lo agrega mediante jQuery de esta forma:
var tab = $('#lib_sidebar_settings-tabs-content');
tab.append($([{}].map(t_settings_content_button).join('')));
¿Alguien puede indicarme el error?
Gracias por la ayuda.