I m trying to access an object property through a string.
What I m trying to do is :
const data = {
key: {
subKey: 'value'
}
};
const theString = 'key.subKey';
function accessPropFromString(obj, stringCall) {
// I don't know what to put on here
}
console.log(accessPropFromString(data, theString)) // prints 'value'
I absolutely don't know how to make that happen...
How can I do this kind of stuff with JavaScript ?
You could split the path and reduce the object.
const getValue = (object, path) => path.split('.').reduce((o, k) => (o || {})[k], object),
data = { key: { subKey: 'value' } },
theString = 'key.subKey';
console.log(getValue(data, theString));
'.', but that's intrinsic to the question.
This should work. Assuming, you have fixed format.
function accessPropFromString(obj, stringCall) {
var splitter =stringCall.split(".");
return data[splitter[0]][splitter[1]];
}
See comments inline:
const data = {
key: {
subKey: 'value'
}
};
const theString = 'key.subKey';
function accessPropFromString(obj, stringCall) {
// Split the string into individual parts
var parts = stringCall.split(".");
// You can use strings to lookup properties on objects
// if you use bracket notation, like this;
// parts["key"]["subKey"]
// So, parts[0] will be "key" and parts[1] will be "subKey"
return obj[parts[0]][parts[1]];
}
console.log(accessPropFromString(data, theString)) // prints 'value'
const theString = `${key.subKey}`;((_, val) => val)`${data.key.subKey}`;