Question

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

var def = "contact.email"

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

o => o.contact.email

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

var person = {
    name: 'Test',
    contact: { email: 'test@test.test' }
}

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")），其中字符串定义对象内的路径，然后拆分字符串每个点＆＃39;。＆＃39;并按照对象上的路径。但我不希望这个算法在每次调用getter函数时执行。我需要一个动态编译的方法，它会给我一个最终的getter，可以立即访问所需的（sub）属性。

Answer 1

ES6略高于Archer's answer：

＆＃13;

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

＆＃13;

Answer 2

我喜欢这个问题所以我想出了一个解决方案。这应该按照你的要求做，而不需要使用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: "test@test.test"
	}
}

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 3

您可以使用Function constructor

来实现此目的

var person = {
    name: 'Test',
    contact: { email: 'test@test.test' }
}
var maginFunction = (def) => new Function('o','return o.'+ def);

var emailGetter = maginFunction('contact.email');

var email = emailGetter(person);
console.log(email);

Answer 4

您可以按如下方式动态访问嵌套对象属性;

＆＃13;

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: "john@x.com", 2: "john@y.com"}}};

console.log(dynPropAcc(obj,def));

＆＃13;

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

4 个答案: