JavaScript对象在函数中用点语法遍历地增加属性出现问题

arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]
    let a = arr.reduce(function (a, b, i) {
      a.i = b
      return a
    }, {})

结果：{ i: 13 }

arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]
    let a = arr.reduce(function (a, b, i) {
      a[i] = b
      return a
    }, {})

结果：
{ 0: 1
1: 2
2: 3
3: 4
4: 5
5: 6
6: 7
7: 8
8: 9
9: 10
10: 11
11: 12
12: 13 }

想知道为什么第一种和预想的不一样

a.i 是设置i这个字符为属性名。不是 i 的值为属性名
a[i]才是取 i 的值为属性名
a.i 等于是 a["i"]
如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳】按钮

a.i是一个对象。a中的一个对象叫i
a[i]是数组啊。a[i] i是数组下标

动态获取或添加属性是要用第二种的，第一种a.i是直接给a对象增加一个属性i