JavaScript编写两个对象对应位置值交换函数的技术咨询

嘿，我懂你想要实现的功能啦——把两个对象里相同位置的属性值互相交换，对吧？你之前尝试把对象的值存入数组再遍历赋值的思路其实完全没问题，只是可能在同时操作对象和数组的时候没找对正确的打开方式～

我来给你梳理一下可行的实现步骤，再配上代码示例：

核心思路 #

1. 先把两个对象的属性值分别提取成数组，因为ES6+之后，Object.values()和Object.keys()都会按照对象属性的定义顺序返回结果，这刚好匹配你需要的“相同位置”对应关系。
2. 分别遍历两个对象，把对方数组里对应索引的值赋值给当前对象的属性。

具体代码实现 #

function swapObjectValues(obj1, obj2) {
  // 先检查两个对象的属性数量是否一致，避免索引越界
  if (Object.keys(obj1).length !== Object.keys(obj2).length) {
    throw new Error("两个对象的属性数量必须相同，才能交换对应位置的值哦");
  }

  // 提取两个对象的属性值到数组中
  const valuesFromObj1 = Object.values(obj1);
  const valuesFromObj2 = Object.values(obj2);

  // 遍历第一个对象，替换为第二个对象对应位置的值
  Object.keys(obj1).forEach((key, index) => {
    obj1[key] = valuesFromObj2[index];
  });

  // 遍历第二个对象，替换为第一个对象对应位置的值
  Object.keys(obj2).forEach((key, index) => {
    obj2[key] = valuesFromObj1[index];
  });

  // 返回交换后的两个对象（也可以直接修改原对象，这里返回方便查看结果）
  return [obj1, obj2];
}

// 测试你的示例输入
const firstObj = { placeOne: 10, placeTwo: 20 };
const secondObj = { ten: "firstPlace", twenty: "secondPlace" };

const [swappedFirst, swappedSecond] = swapObjectValues(firstObj, secondObj);
console.log(swappedFirst); // 输出：{ placeOne: "firstPlace", placeTwo: "secondPlace" }
console.log(swappedSecond); // 输出：{ ten: 10, twenty: 20 }

为什么这个方法能行？ #

• Object.values()会按对象属性的定义顺序提取所有值，Object.keys()同理，所以遍历的时候index刚好对应“相同位置”的属性。
• 先把两个对象的值都存到数组里，就不用在遍历对象的时候同时去操作另一个对象的属性，完美解决了你之前遇到的遍历同步问题。

如果还有其他疑问或者需要调整的地方，随时说哦～

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