59、JavaScript underscore Objects

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

 

keys / allKeys

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

  1. 'use strict';
  2. function Student(name, age) {
  3. this.name = name;
  4. this.age = age;
  5. }
  6. var xiaoming = new Student('小明', 20);
  7. _.keys(xiaoming); // ['name', 'age']

 

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

  1. 'use strict';
  2. function Student(name, age) {
  3. this.name = name;
  4. this.age = age;
  5. }
  6. Student.prototype.school = 'No.1 Middle School';
  7. var xiaoming = new Student('小明', 20);
  8. _.allKeys(xiaoming); // ['name', 'age', 'school']
  9. values

 

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

  1. 'use strict';
  2. var obj = {
  3. name: '小明',
  4. age: 20
  5. };
  6. _.values(obj); // ['小明', 20]

 

注意,没有allValues(),原因我也不知道。

 

mapObject

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

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

 

invert

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

  1. 'use strict';
  2. var obj = {
  3. Adam: 90,
  4. Lisa: 85,
  5. Bart: 59
  6. };
  7. _.invert(obj); // { '59': 'Bart', '85': 'Lisa', '90': 'Adam' }

 

extend / extendOwn

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

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

 

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

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

 

clone

如果我们要复制一个object对象,就可以用clone()方法,它会把原有对象的所有属性都复制到新的对象中:

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

 

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

 

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

也就是说,修改source.skills会影响copied.skills。

 

isEqual

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

  1. 'use strict';
  2. var o1 = { name: 'Bob', skills: { Java: 90, JavaScript: 99 }};
  3. var o2 = { name: 'Bob', skills: { JavaScript: 99, Java: 90 }};
  4. o1 === o2; // false
  5. _.isEqual(o1, o2); // true
  6. isEqual()其实对Array也可以比较:
  7. 'use strict';
  8. var o1 = ['Bob', { skills: ['Java', 'JavaScript'] }];
  9. var o2 = ['Bob', { skills: ['Java', 'JavaScript'] }];
  10. o1 === o2; // false
  11. _.isEqual(o1, o2); // true

 

更多完整的函数请参考underscore的文档:http://underscorejs.org/#objects

JavaScript underscore Objects

付杰
  • ¥ 99.0元
  • 市场价:159.0元
  • ¥ 15元
  • 市场价:15元
  • ¥ 29.0元
  • 市场价:99.0元
  • ¥ 68.0元
  • 市场价:98.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: