如何将任意长度的对象数组转换为指定结构的单一对象？

Hey there! Let's sort out this problem for you first—you don't actually need recursion here, since we're dealing with a flat array of objects rather than nested structures. Recursion is great for things like deeply nested data, but this task can be handled easily with basic array iteration methods.

方法1：使用Array.reduce()（最简洁的方式） #

reduce是处理这类"累加转换"场景的绝佳工具，它能遍历数组并逐步构建我们想要的对象：

const arr = [{name: 'width', value: 300}, {name: 'height', value: 100}];
const obj = arr.reduce((accumulator, currentItem) => {
  // 将当前item的name作为键，value作为值存入累加器对象
  accumulator[currentItem.name] = currentItem.value;
  // 返回累加器供下一次迭代使用
  return accumulator;
}, {}); // 初始值设为空对象

console.log(obj); // 输出: {width: 300, height: 100}

方法2：使用Array.forEach()（更直观的遍历方式） #

如果你刚接触数组方法，forEach的逻辑会更直白，就是逐个遍历数组元素并赋值：

const arr = [{name: 'width', value: 300}, {name: 'height', value: 100}];
const obj = {};

arr.forEach(item => {
  obj[item.name] = item.value;
});

console.log(obj); // 输出: {width: 300, height: 100}

关于递归的说明 #

你之前想到递归是很正常的思路，但递归更适合处理有嵌套层级的数据（比如数组里的元素包含子数组，或者对象里还有嵌套的name/value结构）。你的需求是平级数组转换，所以用上面的遍历方法就足够高效啦。

学习资源建议 #

如果你想深入掌握数组操作，可以去MDN官方文档学习Array.prototype.reduce和Array.prototype.forEach的详细用法，里面有大量示例和原理讲解，能帮你理解这类方法的适用场景。

内容的提问来源于stack exchange，提问作者Max Wolfen