javascript - 如何使用数组获取对象中的内容？

Question

我想改变一个对象的值，但是这个对象是嵌套的，就像这样

Obj = {
  'a': {
    'b': {
      'c': {
        'name': 'bob'
      }
    }
  }
}

还有一个数组:
['a','b','c']
我想用这个数组获取 name
如何将此数组更改为 obj['a']['b']['c']['name']？
一定要考虑嵌套对象的不同层次？我该怎么做？

Answer 1

或者在纯 javascript 中:

['a','b','c', 'name' ].reduce(function( t , v ){ return t[v];} , Obj)

el = document.getElementById('dbg');
var json = function(val){ return JSON.stringify(val) };
var log = function(val){el.innerHTML += '<div><pre>' + val + '</pre><div>'}

/****************************************************************/

var Obj = {
  'a': {
    'b': {
      'c': {
        'name': 'bob'
      }
    }
  }
}


var keyPath = ['a','b','c', 'name' ];

var result = keyPath.reduce(function( transformed , value){
  
  return transformed[value];
  
} , Obj)

log( 'result\t : ' +  result  )

/***************************************************************/

// we can do also something like that :

var Obj2 = {
  'a': {
    'b': {
      'c': {
        'name': ['bob' , 'marc' , 'jane' , 'lisa']
      }
    }
  }
}

var keyPath2 = 'a.b.c.name.2'

var result2 = keyPath2.split('.').reduce(function( transformed , value){
  
  return transformed[value];
  
} , Obj2)

log( 'result2\t : ' + result2 )

/***************************************************************/
// and using it in a function

var ns = function( keyPath , context , splitter){
  var _keyPath = keyPath.split(splitter|| '.');
  
  return _keyPath.reduce(function( transformed , value){
  
    return transformed[value];
  
  } , context)
  
};

var keyPath3 = 'a.b.c.name.3'; 
var result3 = ns( keyPath3 , Obj2 );

log( 'result3\t : ' + result3)

<div id='dbg'><div>