数组赋值问题

liquor_66

于 2021-12-06 15:46:10 发布

阅读量414

点赞数

文章标签： javascript 前端数组

本文链接：https://blog.youkuaiyun.com/qq_44158162/article/details/121748091

版权

本文探讨了在JavaScript中处理数组赋值时遇到的问题，包括使用for循环和map方法进行赋值的常见错误。特别指出在for循环中直接赋值会导致数组最后一个元素的值被赋给目标变量，而使用map方法可以避免这种问题。欢迎大家指正和交流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记录一下在数组中所遇到的问题:

首先，定义一个数组

let array = [
  {
    name: "宋某某",
    age: 10
  },
  {
    name: "马某某",
    age: 11
  },
  {
    name: "杨某某",
    age: 12
  },
  {
    name: "龚某某",
    age: 13
  },
]

我们可以用for循环或者map进行赋值:

let name = []
for(var i = 0; i< array.length; i++) {
  //  name = array[i].name; // 这样name数组是array数组的最后一个值
  name.push(array[i].name);
}
console.log('name是数组',name);
console.log('name是字符串',name.join(','));

首先定义一个空数组name，再对array数组进行for循环遍历数组，结果如下图:

注意，在for循环里面千万不要写name = array[i].name; 否则name的值就是array数组的最后一个值，如下图:

第二种我们可以用ES6里面的map进行遍历，结果是一样的

let nameB = [];
array.map((item,index) => {
  // nameB = item.name;
  nameB.push(item.name)
})
console.log('nameB',nameB);

如有描述不准确，请大家多多包涵或者提出疑问，谢谢大家。