JavaScript 多级嵌套对象取值
看下lodash官方用法
_.get(object, path, [defaultValue])
根据 object对象的path路径获取值。 如果解析 value 是 undefined 会以 defaultValue 取代。
参数介绍
obj (Object): 要检索的对象。
keys(Array|string): 要获取属性的路径。
[defaultVal] (*): 如果解析值是 undefined ，这值会被返回。
模拟实现
直接上代码：
function deepGet(obj, keys, defaultVal) {
return (
(!Array.isArray(keys)
? keys.replace(/\[/g, '.').replace(/\]/g, '').split('.')
: keys
).reduce((o, k) => (o || {})[k], obj) || defaultVal
);
}
var obj = {
a: [
{
b: {
c: 3,
},
},
],
e: {
f: 1,
},
};
console.log(deepGet(obj, 'e.f')); // 1
console.log(deepGet(obj, ['e','f'])) // 1
console.log(deepGet(obj, 'a.x')); // undefined
console.log(deepGet(obj, 'a.x', '--')) // --
console.log(deepGet(obj, 'a[0].b.c')) // 3
console.log(deepGet(obj, ['a', 0, 'b', ,'c'])) // 3
发表评论 (审核通过后显示评论)：