如何在js中使用带对象的eval函数？

Question

var obje = {hair: "yellow", eyes: "blue"};
var format = "hair + ' ' + eyes";
console.log(eval(format));

我尝试将console.log(eval(format))写入"yellow eyes"到控制台。如何在格式字符串中将"hair"更改为"obje.hair"以及从"eyes"更改为"obje.eyes"？

Answer 1

Do not use eval。

使用类似的东西：

＆＃13;

＆＃13;

var obj = {hair: "yellow", eyes: "blue"};
var format = "{hair} {eyes}";

// Option 1: manual replacement
var result = format.replace('{hair}', obj.hair).replace('{eyes}', obj.eyes);
console.log(result);

// Option 2: automatic replacement
var result = format;
for(var key in obj){
  result = result.replace('{' + key + '}', obj[key]);
}
console.log(result);

＆＃13;

＆＃13;

＆＃13;

构建模板字符串，然后使用字符串操作替换字段。

如果您可以使用ES6，它允许template literals开箱即用：

＆＃13;

＆＃13;

var obj = {hair: "yellow", eyes: "blue"};
var result = `${obj.hair} ${obj.eyes}`;

console.log(result);

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用object.key获得预期

＆＃13;

＆＃13;

var obje = {hair: "yellow", eyes: "blue"};
var format = "obje.hair + ' ' + obje.eyes";
console.log(eval(format));

＆＃13;

＆＃13;

＆＃13;