EN
JavaScript - set object property by path
7 points
In this article, we would like to show you how to set object property by the path in JavaScript.
In the below example, we create a function that takes three arguments:
objectthat we modify,pathto the property in the object (delimited by '.'),valuethat is set under the specified path.
With the function, we can create new object properties and specify their value or override existing ones.
xxxxxxxxxx1
const setObjectProperty = (object, path, value) => {2
const parts = path.split('.');3
const limit = parts.length - 1;4
for (let i = 0; i < limit; ++i) {5
const key = parts[i];6
object = object[key] ?? (object[key] = {});7
}8
const key = parts[limit];9
object[key] = value;10
};11
12
13
// Usage example:14
15
const data = {};16
17
setObjectProperty(data, 'user.username', 'john');18
setObjectProperty(data, 'user.password', 'Secret$$');19
setObjectProperty(data, 'rapot.title', 'Storage usage raport');20
setObjectProperty(data, 'rapot.goal', 'Remove unused data.');21
22
console.log(JSON.stringify(data, null, 4));
