JavaScript对象列表添加键值对及对象值求和新手技术咨询

嘿，咱们一个个来解决你的这两个JavaScript问题：

问题1：如何在JavaScript的对象列表中添加键值对？ #

对象列表本质就是包含多个对象的数组，这里分两种常见场景来处理：

场景1：给数组里的所有对象都添加相同的键值对 #

如果你想让数组里每一个对象都新增同一个键值对，有两种常用方式：

• 直接修改原数组（用forEach）：

  const objList = [{name: 'Alice'}, {name: 'Bob'}];
  
  // 遍历每个对象，直接添加键值对
  objList.forEach(obj => {
    obj.age = 25; // 给每个对象都加上age: 25
  });
  // 此时objList变成：[{name: 'Alice', age:25}, {name: 'Bob', age:25}]
  

• 返回新数组（不修改原数组，用map+展开运算符）：
  如果不想改动原数组，推荐这种方式，更符合函数式编程的思路：

  const objList = [{name: 'Alice'}, {name: 'Bob'}];
  
  const newObjList = objList.map(obj => {
    // 展开原对象的所有属性，再新增age键值对，返回新对象
    return {...obj, age: 25};
  });
  // 原objList不变，newObjList是新增后的数组
  

场景2：给数组里的特定对象添加键值对 #

如果只想给某个特定的对象加键值对，可以通过索引或者条件匹配找到目标对象：

• 通过索引定位：

  const objList = [{name: 'Alice'}, {name: 'Bob'}];
  // 给第一个对象（索引0）添加gender属性
  objList[0].gender = 'female';
  

• 通过条件匹配定位（比如根据对象的某个属性值查找）：

  const objList = [{name: 'Alice'}, {name: 'Bob'}];
  // 找到name为Bob的对象
  const targetObj = objList.find(obj => obj.name === 'Bob');
  // 记得先判断是否找到对象，避免报错
  if (targetObj) {
    targetObj.gender = 'male';
  }
  

问题2：如何将数组中对象的数值相加并存储？ #

看你的描述，数组里每个对象只有一个键值对，且值都是数字，那核心思路就是先把每个对象的数值提取出来，再累加求和。这里有两种简单的实现方式：

方法1：用forEach循环累加 #

适合新手理解，步骤清晰：

var arr = [{key1: 10}, {key2: 20}, {key3: 30}];
var total = 0; // 初始化累加变量

arr.forEach(obj => {
  // 用Object.values(obj)获取对象的所有值，取第一个就是我们要的数字
  const num = Object.values(obj)[0];
  total += num; // 累加
});

console.log(total); // 输出60

方法2：用reduce方法（更简洁） #

reduce是专门用来做累加/聚合操作的数组方法，代码更紧凑：

var arr = [{key1: 10}, {key2: 20}];
var total = arr.reduce((sum, currentObj) => {
  // sum是当前累加的总和，currentObj是数组里的每个对象
  const num = Object.values(currentObj)[0];
  return sum + num;
}, 0); // 0是累加的初始值

console.log(total); // 输出30

额外提示：处理可能的非数字情况 #

如果担心对象里的值万一不是数字（虽然你说都是数字），可以加个判断避免出错：

var total = arr.reduce((sum, currentObj) => {
  const num = Object.values(currentObj)[0];
  // 只有当num是数字时才累加
  return typeof num === 'number' ? sum + num : sum;
}, 0);

内容的提问来源于stack exchange，提问作者Michael Anděl