How to dynamically dot-walk in script?

[Gage]

I am trying to script a dynamic dot-walk. To simplify I have included the array of fields that includes a dot-walk in the script below.

var arrExample = ['first_name', 'last_name', 'location.city'];
var grUser = new GlideRecord('sys_user');
grUser.get('e663cd73db3fc7002fdfdd3b5e961970');

for (var i = 0; i < arrExample.length; i++){
    
    // Tried this, did not work
    //gs.log(grUser[arrExample[i]]);

    // Current workaround
    eval('gs.log(grUser.' + arrExample[i] + ');');

}

Current Background Script Output:

*** Script: John
*** Script: Smith
*** Script: Atlanta

I want to get this output without using the eval() statement if possible. Any help would be appreciated!

[sagnicdas]

As we are dot-walking the values try using the getElement() method.

Code : 

var arrExample = ['first_name', 'last_name', 'location.city'];
var grUser = new GlideRecord('sys_user');
grUser.get('e663cd73db3fc7002fdfdd3b5e961970');

for (var i = 0; i < arrExample.length; i++) {
var element = grUser.getElement(arrExample[i]);
if (element) {
gs.log(arrExample[i] + ': ' + element.getDisplayValue());
} else {
gs.log(arrExample[i] + ': [Invalid field or dot-walk path]');
}
}