十五、深比较,判断是否包含某属性或属性值
1,两个对象进行深比较
(1)isEqual 方法可以执行深比较来确定两者的值是否相等。
该方法支持比较 arrays, array buffers, booleans, date objects, error objects, maps, numbers, Object objects, regexes, sets, strings, symbols, 以及 typed arrays. Object 对象值比较自身的属性。
- 注意:比较时不包括继承的和可枚举的属性。 且不支持函数和 DOM 节点比较。
var object = { 'a': 1 };
var other = { 'a': 1 };
console.log(_.isEqual(object, other)); // => true
console.log(object === other); // => false(2)isEqualWith 方法类似 isEqual。 除了它接受一个 customizer 用来定制比较值。 如果 customizer 返回 undefined 将会比较处理方法代替。
function isGreeting(value) {
return /^h(?:i|ello)$/.test(value);
}
function customizer(objValue, othValue) {
if (isGreeting(objValue) && isGreeting(othValue)) {
return true;
}
}
var array = ['hello', 'goodbye'];
var other = ['hi', 'goodbye'];
_.isEqualWith(array, other, customizer); // => true2,判断是否包含某属性值
(1)isMatch 方法可以执行一个深度比较,来确定 object 是否含有和 source 完全相等的属性值。
var object = { 'a': 1, 'b': 2 };
_.isMatch(object, { 'b': 2 }); // => true
_.isMatch(object, { 'b': 1 }); // => false
(2)isMatchWith 方法类似 isMatch。 除了它接受一个 customizer 定制比较的值。 如果 customizer 返回 undefined 将会比较处理方法代替。
function isGreeting(value) {
return /^h(?:i|ello)$/.test(value);
}
function customizer(objValue, srcValue) {
if (isGreeting(objValue) && isGreeting(srcValue)) {
return true;
}
}
var object = { 'greeting': 'hello' };
var source = { 'greeting': 'hi' };
_.isMatchWith(object, source, customizer); // => true
3,判断是否是该对象的属性
(1)has 方法可以检查某 path 路径是否是一个 object 对象的直接属性。
var object = { 'a': { 'b': 2 } };
var other = _.create({ 'a': _.create({ 'b': 2 }) });
_.has(object, 'a'); // => true
_.has(object, 'a.b'); // => true
_.has(object, ['a', 'b']); // => true
_.has(other, 'a'); // => false
(2)hasIn 方法可以检查某 path 路径是否是一个 object 对象的直接属性或继承属性。
var object = _.create({ 'a': _.create({ 'b': 2 }) });
_.hasIn(object, 'a'); // => true
_.hasIn(object, 'a.b'); // => true
_.hasIn(object, ['a', 'b']); // => true
_.hasIn(object, 'b'); // => false JS Lodash工具库的使用详解系列:
JS - Lodash工具库的使用详解1(使用debounce函数实现防抖)
JS - Lodash工具库的使用详解2(使用throttle函数实现节流)
JS - Lodash工具库的使用详解3(String字符串操作函数)
JS - Lodash工具库的使用详解4(Array数组函数1:查找指定元素、或索引)
JS - Lodash工具库的使用详解5(Array数组函数2:获取部分数组片段)
JS - Lodash工具库的使用详解6(Array数组函数3:移除、修改原数组内容)
JS - Lodash工具库的使用详解7(Array数组函数4:数组排序、打乱)
JS - Lodash工具库的使用详解8(Array数组函数5:数组与对象间的转换)
JS - Lodash工具库的使用详解9(Array数组函数6:如果不是数组强制转成数组)
JS - Lodash工具库的使用详解10(Array数组函数7:根据指定规则进行分组、统计)
JS - Lodash工具库的使用详解11(Array数组函数8:创建指定范围数字的数组)
JS - Lodash工具库的使用详解12(创建一个只能调用1次、n次的函数)
JS - Lodash工具库的使用详解13(创建一个对某函数结果取反的函数)
JS - Lodash工具库的使用详解14(浅拷贝,深拷贝)
JS - Lodash工具库的使用详解15(深比较,判断是否包含某属性或属性值)
JS - Lodash工具库的使用详解16(判断是否为空)
JS - Lodash工具库的使用详解17(类型检查)
JS - Lodash工具库的使用详解18(生成随机数)
原文出自:www.hangge.com 转载请保留原文链接:https://www.hangge.com/blog/cache/detail_2579.html
