$.extend(） = 与服务器循环一起使用时不扩展

$.extend() = not extending when used with server loop

本文关键字：一起 扩展 循环 服务器 extend      更新时间：2023-09-26

我正在尝试创建 2 个空白对象，运行一个填充其中 1 个的 php 循环，然后将这些对象一起扩展......最终创建 1 个包含许多对象的对象。

这是逻辑/代码（注意，服务器的东西是专有的，但它运行在php并且工作正常）：

var allUsers = {};
var singleUser = {};
$(document).ready(function(){
<fm:UserList 
    fields="id,firstname,lastname,geo_latitude,geo_longitude,meta,externalids"
> 
    <fm:Loop> 
        singleUser = {
            'index'             : '{$loop.index}',
            'id'                : '{$user.id}',
            'firstname'         : '{$user.firstname}',
            'lastname'          : '{$user.lastname}',
            'geo_latitude'      : '{$user.geo_latitude}',
            'geo_longitude'     : '{$user.geo_longitude}',
            'company'           : '{$user.meta.company}',
            'twitter'           : '{$user.meta.twitter}',
            'externalprovider'  : '{$user.externalids.0.external_id_provider}',
            'externalid'        : '{$user.externalids.0.external_parsed_id}'
        }
        /* Merge singleUser into allUsers */
        $.extend(allUsers,singleUser);
    </fm:Loop>
</fm:UserList>
console.log(allUsers);
});

以下是放在页面上的内容：

var allUsers = {};
var setUser = {};
    $(document).ready(function(){
        setUser = {
            'index'             : '0',
            'id'                : '1930039',
            'firstname'         : 'Devo',
            'lastname'          : 'Brown',
            'geo_latitude'      : '-46.81610453612681',
            'geo_longitude'     : '-70.6640625',
            'company'           : 'Filemobile',
            'twitter'           : 'devinbrownca',
            'externalprovider'  : '',
            'externalid'        : ''
        }
        /* Merge setUser into passed allUsers */
        $.extend(allUsers,setUser);

        setUser = {
            'index'             : '1',
            'id'                : '1930025',
            'firstname'         : 'Aidan',
            'lastname'          : 'Roach',
            'geo_latitude'      : '51.032184898096396',
            'geo_longitude'     : '-108.6328125',
            'company'           : '',
            'twitter'           : '',
            'externalprovider'  : '',
            'externalid'        : ''
        }
        /* Merge setUser into passed allUsers */
        $.extend(allUsers,setUser);

        setUser = {
            'index'             : '2',
            'id'                : '1930024',
            'firstname'         : 'Devin',
            'lastname'          : 'Brown ',
            'geo_latitude'      : '42.89743256946478',
            'geo_longitude'     : '-101.6015625',
            'company'           : '',
            'twitter'           : '',
            'externalprovider'  : '',
            'externalid'        : ''
        }
        /* Merge setUser into passed allUsers */
        $.extend(allUsers,setUser);
console.log(allUsers);
});

在函数结束时，控制台仅记录单个对象，即创建的最后一个对象。

知道我做错了什么吗？

$.extend将一个对象的属性复制到另一个对象。

我想你需要一个数组

var allUsers = [];
 /* Push singleUser into allUsers */
 allUsers.push(singleUser);

$.extend 的作用是将两个或多个对象的内容（字段）合并到第一个对象中。似乎所有用户不应该是一个哈希（对象），而是一个数组。因此，您需要将用户推入其中：

var allUsers = [];
allUsers.push(singleUser);

此行为正是extend所做的。 setUser对象的任何新属性都会添加到allUsers，但现有属性会被覆盖。例如：

    setUser = {
        'firstname'         : 'Devo',
        'index'             : '0',
    }
    $.extend(allUsers,setUser);
    setUser = {
        'index'             : '1',
        'id'                : '1930039'
    }
    $.extend(allUsers,setUser);

将生成以下对象：

    allUsers = {
        'firstname'         : 'Devo',
        'index'             : '1',
        'id'                : '1930039'
    }

所以，问题是：希望这段代码做什么？

如果您只想跟踪所有用户，您可能只想保留一个setUser对象的数组，如下所示：

allUsers = [
            {
               'id':'0',
                ...
            },
            {
               'id':'1',
                ...
            },
            {
               'id':'2',
               ...
            }
           ];

您可以通过将每个setUser对象推送到allUsers数组中来实现这一点，如下所示：

allUsers = [];
setUser = {...};
allUsers.push(setUser);

但是，如果您希望一个allUsers对象，其中包含每个属性的值数组，如下所示：

    allUsers = {
        'firstname'         : ['Devo', 'Aidan'],
        'index'             : ['0','1'],
        ...
    }

您需要滚动自己的函数。

问题的另一种解决方案可能是将allUsers保留为对象，但对每个用户对象使用键：

allUsers = {
    '1930039' = {
        'index'             : '0',
        'firstname'         : 'Devo',
        'lastname'          : 'Brown',
        ...
    },
    '1930025' = {
        'index'             : '1',
        'firstname'         : 'Aidan',
        'lastname'          : 'Roach',
        ...
    },
    ...
}

var allUsers = [];
var singleUser = {};
$(document).ready(function(){
<fm:UserList 
    fields="id,firstname,lastname,geo_latitude,geo_longitude,meta,externalids"
    geo="notnull"
> 
    <fm:Loop> 
        singleUser = {
            'index'             : '{$loop.index}',
            'id'                : '{$user.id}',
            'firstname'         : '{$user.firstname}',
            'lastname'          : '{$user.lastname}',
            'geo_latitude'      : '{$user.geo_latitude}',
            'geo_longitude'     : '{$user.geo_longitude}',
            'company'           : '{$user.meta.company}',
            'twitter'           : '{$user.meta.twitter}',
            'externalprovider'  : '{$user.externalids.0.external_id_provider}',
            'externalid'        : '{$user.externalids.0.external_parsed_id}'
        }
        /* push singleUser object into allUsers array */
        allUsers.push(singleUser);
    </fm:Loop>
</fm:UserList>
相关文章：