js中2个数组，如何动态循环属性，追加到对象中，对象中

假设有两个数组 `keys` 和 `values`，我们可以使用 `for...of` 循环遍历其中一个数组，并使用索引来获取另一个数组中对应的值，然后将它们动态追加到对象的属性中。例如：

const keys = ['name', 'age', 'hobbies'];
const values = ['Alice', 25, ['swimming', 'reading', 'travelling']];

const obj = {};

for (let i = 0; i < keys.length; i++) {
  const key = keys[i];
  const value = values[i];

  obj[key] = value;
}

console.log(obj);
// {
//   name: 'Alice',
//   age: 25,
//   hobbies: ['swimming', 'reading', 'travelling']
// }

在上述代码中，我们首先定义了两个数组 `keys` 和 `values`，分别存储了对象属性的键和值。然后我们定义了一个空对象 `obj`。接着，我们使用 `for` 循环遍历 `keys` 数组，获取每个键 `key`，然后使用相同索引的方式获取对应的值 `value`。最后，我们将 `key` 和 `value` 分别作为对象属性的键和值，动态追加到 `obj` 对象中。最终，我们打印出了追加后的 `obj` 对象。

相关问题

js中如何将动态循环出来的数组，追加给对象

可以使用 `for...in` 循环遍历对象的属性，然后将属性值作为数组，依次追加到新的数组中。例如：

const obj = {
  name: 'Alice',
  age: 25,
  hobbies: ['swimming', 'reading', 'travelling']
};

const arr = [];

for (const key in obj) {
  const value = obj[key];

  if (Array.isArray(value)) {
    for (const item of value) {
      arr.push(item);
    }
  }
}

console.log(arr); // ['swimming', 'reading', 'travelling']

在上述代码中，我们定义了一个对象 `obj`，它包含一个数组属性 `hobbies`。然后，我们定义一个空数组 `arr`，用于存储 `hobbies` 数组中的元素。接着，我们使用 `for...in` 循环遍历对象 `obj` 的属性，获取每个属性值 `value`，然后判断它是否为数组，如果是，则使用 `for...of` 循环遍历数组元素 `item`，并将每个元素依次追加到 `arr` 数组中。最终，我们打印出了追加后的 `arr` 数组。

js中循环后的数组，追加给对象，为什么拿到的都是最后一次数据

如果你在循环中动态追加数组元素到对象属性中，而每次循环追加的元素都是一个引用类型（例如数组或对象），那么最后你拿到的对象属性中存储的引用类型都是最后一次追加的元素的引用，这是因为 JavaScript 中引用类型是按引用传递的，而不是按值传递的。因此，如果你在循环中多次追加同一个引用类型，那么最后对象属性中存储的引用都是同一个，即最后一次追加的引用。

为了避免这种情况，你可以在每次循环中创建一个新的引用类型对象，然后将它追加到对象属性中。这样，每个对象属性存储的引用类型对象都是独立的，不会相互影响。例如：

const obj = {
  hobbies: []
};

const arr = ['swimming', 'reading', 'travelling'];

for (const value of arr) {
  const hobby = { name: value }; // 创建一个新的引用类型对象
  obj.hobbies.push(hobby);
}

console.log(obj.hobbies);
// [
//   { name: 'swimming' },
//   { name: 'reading' },
//   { name: 'travelling' }
// ]

在上述代码中，我们在每次循环中都创建一个新的对象 `hobby`，它包含一个属性 `name`，值为当前循环迭代的元素值。然后我们将这个新对象追加到 `obj.hobbies` 数组中。这样，`obj.hobbies` 数组中存储的每个对象都是独立的，它们的 `name` 属性值分别为数组元素的值。