[JavaScript基础]学习⑤④--Objects

和Array类似,underscore也提供了大量针对Object的函数。

keys / allKeys

keys()可以非常方便地返回一个object自身所有的key,但不包含从原型链继承下来的:

'use strict';

function Student(name, age) {
    this.name = name;
    this.age = age;
}

var xiaoming = new Student('小明', 20);
_.keys(xiaoming); // ['name', 'age']

allKeys()除了object自身的key,还包含从原型链继承下来的:

'use strict';

function Student(name, age) {
    this.name = name;
    this.age = age;
}
Student.prototype.school = 'No.1 Middle School';
var xiaoming = new Student('小明', 20);
_.allKeys(xiaoming); // ['name', 'age', 'school']

values

和keys()类似,values()返回object自身但不包含原型链继承的所有值:

'use strict';

var obj = {
    name: '小明',
    age: 20
};

_.values(obj); // ['小明', 20]

注意,没有allValues()

mapObject

mapObject()就是针对object的map版本:

'use strict';

var obj = { a: 1, b: 2, c: 3 };
// 注意传入的函数签名,value在前,key在后:
alert(JSON.stringify(_.mapObject(obj,(v,k)=>100+v))); // { a: 101, b: 102, c: 103 }

invert

<script type="text/javascript" src="jquery-3.2.1.js"></script>
    <script type="text/javascript" src="underscore.js"></script>
    <script type="text/javascript">
        'use strict';

        var obj = {
            Adam: 90,
            Lisa: 85,
            Bart: 59
        };
        alert(JSON.stringify(_.invert(obj)));//{"59":"Bart","85":"Lisa","90":"Adam"}
    </script>

extend / extendOwn

extend()把多个object的key-value合并到第一个object并返回:

'use strict';

var a = {name: 'Bob', age: 20};
_.extend(a, {age: 15}, {age: 88, city: 'Beijing'}); // {name: 'Bob', age: 88, city: 'Beijing'}
// 变量a的内容也改变了:
a; // {name: 'Bob', age: 88, city: 'Beijing'}

注意:如果有相同的key,后面的object的value将覆盖前面的object的value。

extendOwn()和extend()类似,但获取属性时忽略从原型链继承下来的属性。

clone

复制object对象

'use strict';
var source = {
    name: '小明',
    age: 20,
    skills: ['JavaScript', 'CSS', 'HTML']
};
var copied = _.clone(source);
alert(JSON.stringify(copied, null, '  '));

clone()是“浅复制”。所谓“浅复制”就是说,两个对象相同的key所引用的value其实是同一对象:

source.skills === copied.skills; // true

修改source.skills会影响copied.skills。

isEqual

比较内容

'use strict';

var o1 = { name: 'Bob', skills: { Java: 90, JavaScript: 99 }};
var o2 = { name: 'Bob', skills: { JavaScript: 99, Java: 90 }};

o1 === o2; // false
_.isEqual(o1, o2); // true

isEqual()其实对Array也可以比较:

'use strict';

var o1 = ['Bob', { skills: ['Java', 'JavaScript'] }];
var o2 = ['Bob', { skills: ['Java', 'JavaScript'] }];

o1 === o2; // false
_.isEqual(o1, o2); // true
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript是函数式编程语言,支持高阶函数和闭包。你会发现Array有map()和filter()方法,而...
    阳明先生1208阅读 340评论 0 3
  • 因为underscore本来就是为了充分发挥JavaScript的函数式编程特性,所以也提供了大量JavaScri...
    风起云帆阅读 742评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,993评论 19 139
  • 序 从最近的js入门系列的阅读量逐步递减,观众老爷的兴趣也不再能够接受一些细节性的地方深度挖掘,让我有了一些思考。...
    zhaolion阅读 1,643评论 5 19
  • 最近在重温死亡笔记这部动漫,不断的和室友(记为J)在讨论相关问题。 先说一下基本的设定,方便没有看过动漫的人了解大...
    丞玄阅读 518评论 4 1