如何从一对组成的对象中最优地获得一个键和值?

时间:2017-01-24 11:35:08

标签: javascript reactjs

我正在使用React JS做一个recipeBox应用程序。在该应用程序中有一个州

@NgModule({
  imports: [
    ContentRoutingModule,
    SomeOtherModule,
    AgGridModule.withComponents([])
  ],
  exports: [
    // this is the component from AgGridModule that I use
    AgGridNg2
  ]
})
export class ContentModule { }

用户通过推送该数组中的对象this.state = { recipeArray: [] ...} 来添加配方。然后我从这样的对象中检索关键和值:
    ---获得一把钥匙

{recipe_Name : Ingredients}

---获得一个值

let key = Object.keys(this.state.recipeArray[index])

问题是我从对象获得了一对键值和一对{key-value}。也许有一种更简单的方法,没有尝试。

2 个答案:

答案 0 :(得分:3)

  

如果没有尝试,可能会有一种更简单的方法。

不是真的。但是,您可以在提供的函数内进行迭代:

const name = Object.keys(obj)[0];
const ingredients = obj[name];

它仍在那里,它只在Object.keys内。

那说:我会存储具有两个属性的对象:名称和成分:

{
    name: "Pie",
    ingredients: "Lots of good stuff"
}

然后您可以使用obj.nameobj.ingredients。或者只关注成分的代码,只需obj.ingredients

答案 1 :(得分:1)

您可以使用bracket表示法获取财产:

for (key in obj) break;
const getIngredients=obj[key];

这是一个简短的例子:

var recipeArray=[];

var obj={recipe_Name : "name1"};
recipeArray.push(obj);
console.log(recipeArray);

for (key in obj) break;
const getName=obj[key];
console.log(getName);