表单过滤数据提交--使用lodash

Hello^_^Monkey

于 2022-03-27 01:07:02 发布

阅读量337

点赞数

分类专栏： javascript 实用类知识常用配置文章标签： javascript lodash

本文链接：https://blog.csdn.net/weixin_48010432/article/details/122977618

版权

javascript 同时被 3 个专栏收录

10 篇文章 1 订阅

订阅专栏

常用配置

8 篇文章 0 订阅

订阅专栏

实用类知识

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
</head>

<body>

</body>
<script>
    var formData = {
        username: '',//用户名
        nickname: 'tom',//昵称
        age: undefined,//年龄
        hobby: null,//兴趣
        sex: 0,//性别,0-女, 1-男
    }
    /*
    var filterFormData = {}
    for (const key in formData) {
        if (formData[key] || formData[key] === 0) {
            filterFormData[key] = formData[key]
        }
    }

    console.log(filterFormData)
    */
    //优化思路1-es6里面有没有好的方法
    //优化思路2-lodash里面有没有好的方法(推荐)
    //_.omitBy忽略
    // var filterFormData = _.omitBy(formData, )
    // var filterFormData = _.omitBy(formData, (value, key)=>_.isEmpty(value))
    var filterFormData = _.omitBy(formData, (value, key) => _.isEmpty(value) && !_.isNumber(value))
    console.log(filterFormData)
</script>

</html>