创建一个对象数组

Posted 2021-03-31

我有以下代码使用JQuery.UI.Sortable触发，它的行为意外。

我需要在这个函数中创建一个对象数组，并在每次调用时返回它。

function saveOrder(el) {
    var slideOrder = new Array();
    $(el).each(function() {
        var slideId = $(this).attr("data-llp-slide-id"),
            slideNo = $(this).attr("data-llp-slide-number"),
            slideOb = {slideId,slideNo};
        slideOrder.push(slideOb);
    });
    return slideOrder;
}

我得到的是返回多个对象/数组

按照@Rhumborl的要求触发上述功能的代码

function init() {
    $('.slide-list').sortable({
        connectWith: ".connected-sortable",
        stack: '.connected-sortable ul',
        stop: function(e){
            $(".slide-item").each(function(i, el){
                var hash = $(el).index()+1;
                $(el).attr('data-llp-slide-number',hash);
                $(el).find('[data-llp-slide-number-display]').text(hash);
                var newOrder = saveOrder(el);
                console.debug(newOrder);
            });
        }
    }).disableSelection();
}

答案

在您提到的上下文中，它是javascript中的无效对象。你不能这样推

slideOb = {slideId,slideNo};
slideOrder.push(slideOb);

首先定义slideOb是一个有效的对象，然后按下面推送

  slideOb = {'id': slideId, 'no':slideNo};
  slideOrder.push(slideOb);

现在slideOrder是一个本地数组，它总是保存一个数组对象。使其成为全球性的，将更多阵列推入其中。