鍍金池/ 問答/HTML/ 為什么第一個console能顯示出操作map后的值？

為什么第一個console能顯示出操作map后的值？

let dataSource=[
      {
        id: '0',
        userName: 'Jack',
        sex: '1',
        state: '1',
        interest: '1',
        birthday: '2018-1-1',
        address: '濟(jì)南市',
        time:'19:35',
      },
      {
        id: '1',
        userName: 'daoma',
        sex: '1',
        state: '1',
        interest: '1',
        birthday: '2018-1-1',
        address: '東光市',
        time:'19:35',
      },
      {
        id: '2',
        userName: 'wawa',
        sex: '1',
        state: '1',
        interest: '1',
        birthday: '2018-1-1',
        address: '青島市',
        time:'19:35',
      },
    ]
    console.log('1',dataSource)
    dataSource.map((item,index)=>{
      item.key = index
    })
    console.log('2',dataSource)

結(jié)果為：
圖片描述

回答
編輯回答
護(hù)她命

因為在你點擊開開發(fā)者工具對象模型時，開發(fā)者工具在此時動態(tài)更新了值！看到那個小i標(biāo)志沒，鼠標(biāo)放上去看看它的提示文字。

clipboard.png

你可以把第一個console寫成 console.log('1',dataSource[0].key);，馬上就知道了：輸出的是undefined，如我們期望一樣。

2017年5月3日 19:57