安全访问JavaScript中的深层嵌套值
您可以使用lodash的get方法安全地获取任何级别的属性。获取一级属性非常简单。嵌套属性访问非常棘手,您应该使用经过测试的库(例如lodash)。
您可以通过以下方式访问深度嵌套的对象-
示例
let _ = require("lodash");
let obj = {
a: {
b: {
foo: "test"
},
c: 2
}
};
console.log(_.get(obj, "a.b.foo"));
console.log(_.get(obj, "a.c"));
console.log(_.get(obj, "a.test"));
console.log(_.get(obj, "a.test.x"));输出结果
这将给出输出-
test 2 undefined undefined
您还可以通过以下方式编写自己的getProp函数-
const getProp = (object, path) => {
if (path.length === 1) return object[path[0]];
else if (path.length === 0) throw error;
else {
if (object[path[0]]) return getProp(object[path[0]], path.slice(1));
else {
object[path[0]] = {};
return getProp(object[path[0]], path.slice(1));
}
}
};您可以通过传递数组来访问道具来使用它。
示例
var obj = {
level1:{
level2:{
level3:{
name: "Foo"
}
},
anotherLevel2: "bar"
}
};
console.log(getProp(obj, ["level1", "level2"]));输出结果
这将给出输出-
{level3: {name: "Foo"}}热门推荐
10 新年门口花束祝福语简短
11 盘锦结婚祝福语大全简短
12 父母生日祝福语 简短独特
13 家庭恩爱祝福语简短英文
14 高考俄语祝福语大全简短
15 虎年祝福语 诗句唯美简短
16 生日婚礼祝福语简短精辟
17 虎年喝酒拜年祝福语简短
18 教师闺蜜祝福语简短