从 ES6 javascript(非浏览器)中的字符串动态创建方法

Question

在javascript代码中，我有一个字符串，用于定义对象中的属性路径。例如

var def = "contact.email"

如何从此字符串中获取以下函数？

o => o.contact.email

这样我就可以通过以下方式使用它：

var person = {
    name: 'Test',
    contact: { email: '[e-mail]' }
}
var emailGetter = MagicCompileFunction('contact.email');
var email = emailGetter(person);
// here, email should hold the value of person.contact.email

路径字符串在编译时未知。它也可以由用户提供。

该解决方案也应该适用于非浏览器环境(没有window对象(，例如在 NodeJS 服务器端 javascript 中。

我知道一种解决方案是创建一个通用方法，该方法将对象和字符串作为参数(例如valueGetter(person, "contact.email")(，其中字符串定义对象内的路径，然后在每个点'.上拆分字符串并遵循对象的路径。但我不希望这个算法在每次调用函数时都执行getter。我需要一个动态编译的方法，它能给我一个最终的 getter，可以立即访问所需的(子(属性。

Answer 1

比 Archer 的答案稍微多一点 ES6：

function MagicCompileFunction(mapping) {
	return (obj => mapping.split(".").reduce((curr, name) => curr[name], obj));
}
var person = {
    name: "Test",
    contact: {
		email: "[e-mail]"
	}
}
var emailGetter = MagicCompileFunction("contact.email");
var email = emailGetter(person);
var nameGetter = MagicCompileFunction("name");
var name = nameGetter(person);
console.log(email);
console.log(name);

Answer 2

您可以使用函数构造函数来实现此目的

var person = {
    name: 'Test',
    contact: { email: '[e-mail]' }
}
var maginFunction = (def) => new Function('o','return o.'+ def);
var emailGetter = maginFunction('contact.email');
var email = emailGetter(person);
console.log(email);

Answer 3

我喜欢

这个问题，所以我想出了一个解决方案。 这应该按照您的要求进行操作，而无需使用eval...

function MagicCompileFunction(mapping) {
	mapping = mapping.split(".");
	return (function(obj) {
		var result = obj;
		for (var idx in mapping) {
			result = result[mapping[idx]];
		}
		return result;
	});
}
var person = {
    name: "Test",
    contact: {
		email: "[e-mail]"
	}
}
var emailGetter = MagicCompileFunction("contact.email");
var email = emailGetter(person);
var nameGetter = MagicCompileFunction("name");
var name = nameGetter(person);
console.log(email);
console.log(name);

MagicCompileFunction()返回一个函数，该函数由您在创建 getter 对象时使用的映射启动。 然后，您可以将任何人传递到该对象中以返回相关数据。

Answer 4

您可以简单地动态访问嵌套对象属性，如下所示;

function dynPropAcc(o,s){
  return s.split(".")
          .reduce((p,q,i) => i-1 ? p[q] : o[p][q]);
}
var def = "contact.email.2",
    obj = {contact: {name: "John", email: { 1: "[e-mail]", 2: "[e-mail]"}}};
console.log(dynPropAcc(obj,def));