依赖库Underscore系列（4）--对象

最新推荐文章于 2024-09-01 08:53:33 发布

Coca_ProgramMonkey

最新推荐文章于 2024-09-01 08:53:33 发布

阅读量431

点赞数

分类专栏： Backbone

本文链接：https://blog.csdn.net/jackieJay/article/details/51890101

版权

Backbone 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、keys()函数
（1）调用格式：

_.keys(object)

其中，参数object表示任意一个组成格式为key/value的对象。

（2）函数功能：
　　检索并返回对象的属性（key）名称，返回格式为数组。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>keys()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var info = {
        name: "jackie",
        age: 26,
        sex: "男",
        email: "shanjie0801@163.com"
    };
    var arrkey = _.keys(info);
    console.log(arrkey);
</script>
</body>
</html>

（4）执行结果：
Objects_keys()_result

2、values()函数
（1）调用格式：

_.values(object)

其中，参数object表示人一个组成格式为key/value的对象。

（2）函数功能：
　　返回对象的属性值(value)，返回格式为数组。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>values()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var info = {
        name: "jackie",
        age: 26,
        sex: "男",
        email: "shanjie0801@163.com"
    };
    var arrvalue = _.values(info);
    console.log(arrvalue);
</script>
</body>
</html>

（4）执行结果：
Objects_values()_result

3、pick()函数
（1）调用格式：

_.pick(object,*keys)

其中，参数object为JSON格式的对象，*keys表示多个需要挑选出来的key属性。

（2）函数功能：
　　返回一个只有列入挑选key属性的对象。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>pick()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var info = {
        name: "jackie",
        age: 26,
        sex: "男",
        email: "shanjie0801@163.com"
    };
    var newinfo = _.pick(info, "name", "age");
    console.log(newinfo);
</script>
</body>
</html>

（4）执行结果：
Objects_pick()_result

4、omit()函数
（1）调用格式：

_.omit(object,*keys)

参数object为JSON格式的额对象，*keys表示多个需要排除掉的key属性。

（2）函数功能：
　　返回一个没有列入排除key属性的对象。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>omit()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var info = {
        name: "jackie",
        age: 26,
        sex: "男",
        email: "shanjie0801@163.com"
    };
    var newinfo = _.omit(info, "sex", "age");
    console.log(newinfo);
</script>
</body>
</html>

（4）执行结果：
Objects_omit()_result

5、defaults()函数
（1）调用格式：

_.defaults(object,*defaults)

其中，参数object为设置默认属性值的对象，*defaults为需要设置的默认属性列表。

（2）函数功能：
　　返回一个设置了默认属性内容的对象。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>defaults()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var info = {};
    info = _.defaults(info, {
        name: "",
        sex: "男",
        email: "××××@qq.com"
    });
    info.name = "jackie";
    info.email = "jackie@qq.com";
    console.log(info);
</script>
</body>
</html>

（4）执行结果：
Objects_defaults()_result

6、has()函数
（1）调用格式：

_.has(object,key)

其中，参数object为对象，可以表示对象中包含的属性名称。

（2）函数功能：
　　检测对象中是否包含给定的属性（key），结果返回true或false。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>has()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var info = {};
    info = _.defaults(info, {
        name: "jackie",
        sex: "男",
        email: "jackie@qq.com"
    });
    var res;
    var b = _.has(info, "email");//返回值为true或false
    if (b) {
        res = "该对象的邮箱为" + info.email;
    } else {
        res = "该对象不包含email属性！";
    }
    console.log(res);
</script>
</body>
</html>