【前端入门】underscore提供了大量针对Object的函数

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第14天，点击查看活动详情

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

keys / allKeys

keys()用于返回一个object自身所有的key，但不包含从原型链继承下来的：

例如：

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

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

values

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

例如：

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

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

invert

invert()把object的每个key-value来个交换，key变成value，value变成key：

例如：

var obj = {
    Adam: 90,
    Lisa: 85,
    Bart: 59
};
_.invert(obj); // { '59': 'Bart', '85': 'Lisa', '90': 'Adam' }

clone

复制一个object对象，就可以用clone()，它会把原有对象的所有属性都复制到新的对象中

例如：

var source = {
    name: '小明',
    age: 20,
    skills: ['JavaScript', 'CSS', 'HTML']
};

var copied = _.clone(source);

{
  "name": "小明",
  "age": 20,
  "skills": [
    "JavaScript",
    "CSS",
    "HTML"
  ]
}

特别注意：clone()是浅拷贝，所有嵌套的对象和数组都是直接复制引用而并没有进行深复制，对象的引用是不同的，但是对象属性值的引用与原对象是一致的

extend

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

例如：

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

isEqual

isEqual()对两个object进行深度比较，如果内容完全相同，则返回true：

例如：

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

写在最后

以上习题&笔记从大佬们的论坛学习而来，特感谢大佬们的知识分享～ （学习技术知识，果然要看大佬们的技术博客，大家有好的推荐也欢迎指引我这个小白哈，感恩！）

附上学习链接，感谢廖大神例题及分析参考 ：www.liaoxuefeng.com/wiki/102291…