Javascript 组合来自不同输入的数组

我尝试将多个输入组合起来，然后将它们组合成一个句子/短语。这个例子将更详细地阐述它

输入1：快乐
输入2：祝你生日
输入4：你属于动物园
输入5：还有猴子和驴子
输入6：大猩猩就是你

输出：
祝你生日快乐，你属于动物园，猴子和驴子，大猩猩就是你

预期输出：
祝你生日快乐，你属于动物园，猴子和驴子，大猩猩就是你

我想设置一个条件，在输入中，一个不会使用逗号（，）连接，而只是一个空格。我怎样才能做到这一点？这是一把小提琴和密码。感谢所有的帮助

小提琴：

代码：

---

你可以这样构建你的句子：

$(document).ready(function () {
    $('#LaserSword').on('click', function () {
        var form = $('.combine').not('#Voltes5');
        var val = "" ;
        form.each(function (i,e) {
            var value = $.trim(this.value) ;
            if(i > 0){ // we don't add a separator for the first element
                val = val + ( i==1 ? " " : ", " ) ;
                // separator according to index
                // (you can easily extend it as you want)
            }

            val = val + (value || "") ;
        });
      $('#Voltes5').val(val)

    });
});

---

演示：

你可以这样构建你的句子：

$(document).ready(function () {
    $('#LaserSword').on('click', function () {
        var form = $('.combine').not('#Voltes5');
        var val = "" ;
        form.each(function (i,e) {
            var value = $.trim(this.value) ;
            if(i > 0){ // we don't add a separator for the first element
                val = val + ( i==1 ? " " : ", " ) ;
                // separator according to index
                // (you can easily extend it as you want)
            }

            val = val + (value || "") ;
        });
      $('#Voltes5').val(val)

    });
});

---

演示：

如果这是一个简单而非动态的场景，您可以通过简单的

---

如果这是一个简单而非动态的场景，您可以通过简单的

---

您可以使用以下内容：

$(document).ready(function () {
    $('#LaserSword').on('click', function () {
        var form = $('.combine').not('#input1','#Voltes5');
        var val = form.map(function () {
            var value = $.trim(this.value)
            return value ? value : undefined;
        }).get();
        $('#Voltes5').val($('#input1').val()+" "+val.join(', '))


    });
});

更新：

总的来说

$(document).ready(function () {
    $('#LaserSword').on('click', function () {
        var form = $('.combine').not('.spaceNeeded','#Voltes5');
        var val = form.map(function () {
            var value = $.trim(this.value)
            return value ? value : undefined;
        }).get();

        var spaceval = $('.spaceNeeded').map(function () {
            var value = $.trim(this.value)
            return value ? value : undefined;
        }).get();

        $('#Voltes5').val(spaceval.join(' ')+" "+val.join(', '))


    });
});

将类

spaceNeeded

添加到html元素：

<input class="combine spaceNeeded" id="input1" disabled="true" value="Happy"></input>

---

您可以使用以下内容：

$(document).ready(function () {
    $('#LaserSword').on('click', function () {
        var form = $('.combine').not('#input1','#Voltes5');
        var val = form.map(function () {
            var value = $.trim(this.value)
            return value ? value : undefined;
        }).get();
        $('#Voltes5').val($('#input1').val()+" "+val.join(', '))


    });
});

更新：

总的来说

$(document).ready(function () {
    $('#LaserSword').on('click', function () {
        var form = $('.combine').not('.spaceNeeded','#Voltes5');
        var val = form.map(function () {
            var value = $.trim(this.value)
            return value ? value : undefined;
        }).get();

        var spaceval = $('.spaceNeeded').map(function () {
            var value = $.trim(this.value)
            return value ? value : undefined;
        }).get();

        $('#Voltes5').val(spaceval.join(' ')+" "+val.join(', '))


    });
});

将类

spaceNeeded

添加到html元素：

<input class="combine spaceNeeded" id="input1" disabled="true" value="Happy"></input>