代码之家 › 专栏 › 技术社区 › Jeterson Miranda Gomes

如何从父对象中获取对象的属性值

javascript

Jeterson Miranda Gomes · 技术社区 · 8 年前

我在这个结构中有一个对象:

obj = {
    user: { name: 'jeterson' },
    title: 'I am a test'
}

我有一把有价值的钥匙: user.name 是的。我一直在努力实现这样的价值: obj[key] ,含义 obj['user.name'] 是的。它不起作用,只起作用 obj.title 是的。

我的对象有许多也是对象的值,我希望获得如下值:

myobject[mykey]

有可能从上面这样的属性对象中获取值吗?

6 回复 | 直到 8 年前

Takit Isy Surendra 8 年前

有多种解决方案可以访问对象的元素及其键:

var obj = {
  user: { name: 'jeterson' },
  title: 'I am a test'
}

console.log(obj['user']['name']);
console.log(obj['user'].name);
console.log(obj.user['name']);
console.log(obj.user.name);

但是你不能用一个变量 key = 'user.name' 是的。

如果需要使用包含嵌套键的变量,可以创建函数。

更新答案: 实现这一目标的捷径是使用 .reduce() 以下内容:

// My function
function obj_tree_key(obj, path) {
 return path.split('.').reduce((accu, val) => accu[val] || 'Not found', obj);
}

var obj1 = {
  user: {
    name: 'jeterson'
  },
  title: 'I am a test'
}
console.log(obj_tree_key(obj1, 'user.name')); // Outputs "jeterson"

// Here is an example with error:
var obj2 = { 
  user: {
    nameeeee: 'jeterson'
  },
  title: 'I am a test'
}
console.log(obj_tree_key(obj2, 'user.name'));

旧答案 :使用 for 循环通过 keys 减少项目:

// My function
function obj_tree_key(obj, tree_key) {
  var result = obj;
  var keys = tree_key.split('.');
  for (var i = 0; i < keys.length; i++) {
    result = result[keys[i]] || 'Not found'; // Error handling
  }
  return result;
}

var obj1 = {
  user: {
    name: 'jeterson'
  },
  title: 'I am a test'
}
console.log(obj_tree_key(obj1, 'user.name')); // Outputs "jeterson"

// Here is an example with error:
var obj2 = { 
  user: {
    nameeeee: 'jeterson'
  },
  title: 'I am a test'
}
console.log(obj_tree_key(obj2, 'user.name'));

希望有帮助。

mbuechmann 8 年前

您可以通过以下方式访问它:

obj['user']['name']

或者:

obj.user.name

如果你想从一个像“user.name”这样的键得到这个值,你必须自己做一些逻辑。你可以像这样一起砍掉一些东西:

let obj = {
  user: {
    name: 'jeterson'
  },
  title: 'I am a test'
}

let key = 'user.name';
let keys = key.split('.');

let res = obj;
while (keys.length > 0 && res) {
  let k = keys.shift();
  res = res[k];
}
console.log(res) // "jeterson"

当键不匹配时,res保持 undefined 是的。

Nebulosar Nutcracker 8 年前

首先获取用户,然后获取名称:

obj['user']['name']

或

obj.user.name

Sreeragh A R 8 年前

你也可以使用 obj.user.name

Mamtha Soni K 8 年前

你可以使用

console.log(obj.user.name);

Alessandro.Vegna 8 年前

你可以用两种方法:

obj['user']['name']

或

obj.user.name

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前