js对象取值

Question

  var obj ={        name:'nnn',        age:22,        job:'worker'    };      var arr=[        'name',        'age',        'job'    ];    for (var i=0 ;i<arr.length;i++){        document.writeln(arr[i]+':'+obj[arr[i]]);    };//有值     for (var i=0 ;i<arr.length;i++){        document.writeln(arr[i]+':'+obj.arr[i]);    };//没值,不报错    这两种有什么不同,出现上面的情况的原因是什么,请大神帮我解惑

Answer 1

你确定不报错? 看看控制台信息
obj.arr[i] 这个调用是错的
obj.arr 不存在, 等于 undefined
undefined[i] 肯定会出错

---

首先 obj 和 arr 都可以用 [] 的方式来取值:
这个例子的两种做法不同点在于:
obj[arr[i]] 是先取 arr[i] 再赋值给 obj[]:

arr[i]==> 'name' ==> obj['name'] ==> 取值成功

obj.arr.[i] 是先取 obj.arr, 再通过obj.arr取[i]:

obj.arr==> undefined ==> undefined[i] ==> 报错

嵌套的由内而外
链式由左往右