javascript 工具类Lodash集合查询，修改，删除使用例子

最新推荐文章于 2024-09-16 11:23:00 发布

smartsmile2012

最新推荐文章于 2024-09-16 11:23:00 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS & Jquery

本文链接：https://blog.youkuaiyun.com/smartsmile2012/article/details/80915438

JS & Jquery 专栏收录该内容

87 篇文章

订阅专栏

本文通过一个具体的示例展示了如何使用Lodash库进行数组数据的查找、修改与删除操作。示例中使用了一个包含用户信息的数组，通过Lodash提供的方法实现了对特定用户的查找，并进一步演示了如何修改找到的用户数据以及从数组中移除该用户。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Lodash集合使用例子</title>
    <meta name="generator" content="editplus" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="text/javascript" src="lodash.core.min.js"></script>
    <script>
        var users = [
            { 'id': '6000', 'user': 'barney', 'age': 36, 'money': 1000 },
            { 'id': '6001', 'user': 'fred', 'age': 40, 'money': 2000 },
            { 'id': '6002', 'user': 'pebbles', 'age': 18, 'money': 3000 }
        ];
        //查找数据
        var user = _.find(users, function (o) { return o.id == 6002; });
        if (typeof (user) == 'undefined') {
            console.log('没有相关数据');
        } else {
            //修改数据
            console.log('修改前数据==》');
            console.log(JSON.stringify(user));
            user.age = 28;
            user.money = 6000; //修改金钱为6000
            console.log('修改后数据==》');
            console.log(JSON.stringify(user));
            console.log('修改后集合数据==》');
            console.log(JSON.stringify(users));
            //删除数据
            var leave_users = _.remove(users, function (o) { return o.id == 6002; });
            console.log('删除后数据==》');
            console.log(JSON.stringify(users));
        }

    </script>
</head>

<body>

</body>
</html>