У меня есть массив
['one','two','three']
И объект
{
'one':{
'two':{
'three': 'data'
}
}
}
как мне получить 'data'?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуОдин из способов - использовать функцию reduce.
const props = ['one', 'two', 'three']
const data = {
'one': {
'two': {
'three': 'data'
}
}
}
const val = props.reduce((elem, prop) => {
return elem[prop];
}, data);
console.log(val);
Второй способ, с помощью обычного цикла.
const props = ['one', 'two', 'three']
const data = {
'one': {
'two': {
'three': 'data'
}
}
}
let val = data;
for (let i = 0; i < props.length; i++) {
val = val[props[i]];
}
console.log(val);
Путь маньяка. НЕ ДЕЛАЙТЕ ТАК!
const props = ['one', 'two', 'three']
const data = {
'one': {
'two': {
'three': 'data'
}
}
}
const func = new Function('data', 'return data.' + props.join('.'));
const val = func(data);
console.log(val);
var test_data = {
'one': {
'two': {
'three': 'data'
}
}
};
var test_keys = ['one', 'two', 'three'];
function getSubitem(data, keys) {
var current = data;
for (var i = 0; i < keys.length; i++) {
current = current[keys[i]];
if (!current)
return null;
}
return current;
}
console.log(getSubitem(test_data, test_keys));
'document.body.xyz'
или через массив
['document', 'body', 'xyz']
.function resolvePath (path, obj , orDefault = null, separator = '.') {
const properties = Array.isArray(path) ? path : path.split(separator)
return properties.reduce((prev, curr) => prev && prev[curr], obj) || orDefault
}
// Примеры использования
console.log(
resolvePath('document.body', window), // <body>
resolvePath('document.body.xyz', window), // null
resolvePath(['document', 'body', 'xyz'], window, 'defaultValue') // defaultValue
)