Consultant Designer & Developer
function getValueByPath(obj, path, seperator = ".") {
const pathArray = typeof path === "string" ? path.split(seperator) : path;
const [first, ...rest] = pathArray;
if (obj == null) return;
if (rest.length === 0) return obj[first];
return getValueByPath(obj[first], rest);
}
function isObject(a) {
// https://stackoverflow.com/a/8511350
return typeof a === "object" && !Array.isArray(a) && a !== null;
}
function mapEntries(obj, { key = (k) => k, value = (v) => v } = {}) {
if (typeof obj !== "object") return obj;
return Object.entries(obj).reduce(
(acc, [k, v]) => ({ ...acc, [key(k)]: value(v) }),
{}
);
}
mapEntries(
{ Name: "Jane Doe", City: "Lisbon" },
{ key: (k) => k.toLowerCase(), value: (k) => k.toLowerCase() }
)
function mapKeys(obj, key) {
return mapEntries(obj, { key });
}
mapKeys({ Name: "Jane Doe", City: "Lisbon" }, (k) => k.toLowerCase())
function mapValues(obj, value) {
return mapEntries(obj, { value });
}
mapValues({ Name: "Jane Doe", City: "Lisbon" }, (v) => v.toLowerCase())
function replaceKeys(obj, translationMap) {
return mapKeys(obj, (k) => translationMap.get(k) ?? k);
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
