给定一个JavaScript对象，
var obj = { a: { b: '1', c: '2' } }
和字符串
"a.b"
我怎么把字符串转换成点符号呢
var val = obj.a.b
如果字符串只是'a'，我可以使用obj[a]。但这个更复杂。我想应该有什么简单的方法，但现在想不起来了。
当前回答
这是其中一种情况，你问10个开发人员，你会得到10个答案。
下面是我使用动态规划的OP[简化]解决方案。
其思想是，您将传递一个希望更新的现有DTO对象。这使得该方法在具有多个输入元素的表单的情况下最有用，这些输入元素的名称属性设置为圆点(fluent)语法。
使用示例:
<input type="text" name="person.contact.firstName" />
代码片段:
const setfluent = (obj, path, value) => { If (typeof path === "string") { 返回setfluent (obj, path.split(".")， value); ｝ 如果路径。长度<= 1){ Obj [path[0]] = value; 返回obj; ｝ Const key = path[0]; obj[key] = setfluent (obj[key] ?)Obj [key]: {}， path.slice(1)， value); 返回obj; }; const origObj = { 答:{ b:“1”, c:“2” ｝ }; setfluent (origObj， "a.b"， "3"); setfluent (origObj， "a.c"， "4"); console.log (JSON。stringify(origObj, null, 3));
其他回答
如果你想把一个字符串点符号转换成一个对象，我已经做了一个方便的小助手，它可以用dotPathToObject(" a.b.c.d ")将一个值为e的字符串转换为a.b.c.d。D "， "value")返回:
{
"a": {
"b": {
"c": {
"d": "value"
}
}
}
}
https://gist.github.com/ahallora/9731d73efb15bd3d3db647efa3389c12
使用这个函数:
function dotToObject(data) {
function index(parent, key, value) {
const [mainKey, ...children] = key.split(".");
parent[mainKey] = parent[mainKey] || {};
if (children.length === 1) {
parent[mainKey][children[0]] = value;
} else {
index(parent[mainKey], children.join("."), value);
}
}
const result = Object.entries(data).reduce((acc, [key, value]) => {
if (key.includes(".")) {
index(acc, key, value);
} else {
acc[key] = value;
}
return acc;
}, {});
return result;
}
module.exports = { dotToObject };
Ex:
const user = {
id: 1,
name: 'My name',
'address.zipCode': '123',
'address.name': 'Some name',
'address.something.id': 1,
}
const mappedUser = dotToObject(user)
console.log(JSON.stringify(mappedUser, null, 2))
输出:
{
"id": 1,
"name": "My name",
"address": {
"zipCode": "123",
"name": "Some name",
"something": {
"id": 1
}
}
}
我想把这个说出来:
function propertyByPath(object, path = '') {
if (/[,(){}&|;]/.test(path)) {
throw 'forbidden characters in path';
}
return Function(
...Object.keys(window).filter(k => window[k] instanceof Window || window[k] instanceof Document),
"obj",
`return ((o) => o${!path.startsWith('[') ? '.' : ''}${path})(...arguments, obj);`)
.bind(object)(object);
}
propertyByPath({ a: { b: 'hello1' } }, "a.b"); // prints 'hello1'
propertyByPath({ a: { b: 'hello2' } }, "['a']?.b"); // returns 'hello2'
propertyByPath({ a: { b: 'hello2' } }, "a.b;console.log()"); // throws exception
上面的代码在执行路径计算和屏蔽Window和Document对象(如果执行阻止不成功的话)的同时，努力防止代码执行。
我并不是说它是100%安全的(尽管我希望看到建议可能绕过的评论)也不是有效的，但在需要路径的灵活性(可选链等)以及一些缓解措施的情况下，它可能是合适的。
这是其中一种情况，你问10个开发人员，你会得到10个答案。
下面是我使用动态规划的OP[简化]解决方案。
其思想是，您将传递一个希望更新的现有DTO对象。这使得该方法在具有多个输入元素的表单的情况下最有用，这些输入元素的名称属性设置为圆点(fluent)语法。
使用示例:
<input type="text" name="person.contact.firstName" />
代码片段:
const setfluent = (obj, path, value) => { If (typeof path === "string") { 返回setfluent (obj, path.split(".")， value); ｝ 如果路径。长度<= 1){ Obj [path[0]] = value; 返回obj; ｝ Const key = path[0]; obj[key] = setfluent (obj[key] ?)Obj [key]: {}， path.slice(1)， value); 返回obj; }; const origObj = { 答:{ b:“1”, c:“2” ｝ }; setfluent (origObj， "a.b"， "3"); setfluent (origObj， "a.c"， "4"); console.log (JSON。stringify(origObj, null, 3));
你可以用lodash。get
在安装(npm i lodash.get)后，像这样使用它:
const get = require('lodash.get');
const myObj = {
user: {
firstName: 'Stacky',
lastName: 'Overflowy',
list: ['zero', 'one', 'two']
},
id: 123
};
console.log(get(myObj, 'user.firstName')); // outputs Stacky
console.log(get(myObj, 'id')); // outputs 123
console.log(get(myObj, 'user.list[1]')); // outputs one
// You can also update values
get(myObj, 'user').firstName = 'John';
