EN
JavaScript - fill path pattern with path variables
10 points
In this short article, we would like to show how to fill path pattern with path variables in JavaScript.
The main idea of the article is to show how:
- for path pattern
'some/item/{path.to.id}/remove', - and path variable
path.to.id equalto123, - get path
'some/item/123/remove'.
Quick solution (in modern ES):
xxxxxxxxxx1
const getProperty = (data, path) => {2
const parts = path.split('.');3
return parts.reduce((data, key) => data?.[key], data);4
};5
6
const renderPath = (pathPattern, entityData) => {7
return pathPattern.replace(/\{([\w.]+)\}/g, (match, variablePath) => {8
const variableValue = getProperty(entityData, variablePath);9
return String(variableValue ?? '');10
});11
};12
13
// Usage example:14
15
const pathPattern = 'some/item/{path.to.id}/remove';16
const entityData = {17
path: {18
to: {19
id: '123'20
}21
}22
};23
24
const renderedPath = renderPath(pathPattern, entityData);25
console.log(renderedPath); // some/item/123/removeThe approach presented in the section uses typical JavaScript syntax.
xxxxxxxxxx1
function getProperty(data, path) {2
var parts = path.split('.');3
var result = data;4
for (var i = 0; i < parts.length; ++i) {5
result = result[parts[i]];6
}7
return result;8
};9
10
function renderPath(pathPattern, entityData) {11
return pathPattern.replace(/\{([\w.]+)\}/g, function(match, variablePath) {12
const variableValue = getProperty(entityData, variablePath);13
return String(variableValue == null ? '' : variableValue);14
});15
};16
17
// Usage example:18
19
var pathPattern = 'some/item/{path.to.id}/remove';20
var entityData = {21
path: {22
to: {23
id: '123'24
}25
}26
};27
28
var renderedPath = renderPath(pathPattern, entityData);29
console.log(renderedPath); // some/item/123/remove