javascript数组对象for循环中突然出现闭包的解决方案

红太狼 2022-05-27 00:00 215阅读 0赞

1.代码目的是：将后台返回的data数组对象通过setData函数写到全局数组itemArr中。但是下面的写法出错了！

<script> var data = [ {name:'小红',age:'18'}, {name:'小名',age:'19'}, {name:'小白',age:'20'}, ] var itemArr = []; var itemObj = { name: '', age: '', }; function setData(data){ for(let k=0; k<data.length; k++){ itemObj.name = data[k].name; itemObj.age = data[k].age; itemArr.push(itemObj) } console.log(itemArr); } setData(data) </script>

![这里写图片描述][70]  
从图中，可以看出3次都是只有小白的信息，缺少了前面两个人的信息。原因就是for循环里面的itemObj对象没有在当前的作用域中定义，所以它需要等到for循环结束之后再到外部的环境作用域中找，但是for循环结束后，保存的数据只能是最后一个，所以获得的数据都是小白的。  
解决方案：去掉闭包，将itemObj写到for循环里面。

<script> var data = [ {name:'小红',age:'18'}, {name:'小名',age:'19'}, {name:'小白',age:'20'}, ] var itemArr = []; function setData(data){ for(let k=0; k<data.length; k++){ var itemObj = { name: '', age: '', }; itemObj.name = data[k].name; itemObj.age = data[k].age; itemArr.push(itemObj) } console.log(itemArr); } setData(data) </script>

![这里写图片描述][70 1]

[70]: /images/20220527/ac8f0b01cc894df1b70a6549fd232e1f.png
[70 1]: /images/20220527/e0f5903bdb144f058fecff1b2bda3fd6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，215人围观）

还没有评论，来说两句吧...

相关阅读

相关 for循环中的闭包

// 问题1：判断下面一段代码运行的结果是什么？ var data = [] for (var i = 0; i < 3; i++) { d

妖狐艹你老母/ 2023年08月17日 16:43/ 0 赞/ 289 阅读

相关 for 循环常见的闭包问题

for (let i = 0; i < this.tableData.length; i++) { //使用闭包防止变量污染 (function (i)

àì夳堔傛蜴生んèń/ 2022年05月27日 07:05/ 0 赞/ 189 阅读

相关 javascript数组对象for循环中突然出现闭包的解决方案

1.代码目的是：将后台返回的data数组对象通过setData函数写到全局数组itemArr中。但是下面的写法出错了！ <script> var data = [ {

红太狼/ 2022年05月27日 00:00/ 0 赞/ 216 阅读

相关 for 循环里的闭包

现在要实现一个小功能 <ul> <li>0</li> <li>1</li> <li>2</li>

旧城等待，/ 2022年05月26日 10:52/ 0 赞/ 197 阅读

相关 JavaScript系列—for循环，闭包，作用域等

题外话 for循环一下打印10 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

叁歲伎倆/ 2022年01月29日 18:43/ 0 赞/ 282 阅读

相关 [译]JS闭包:For循环中的setTimeout

> 译者：嘴里起了个泡 > 原文地址： [wsvincent.com/javascript-…][wsvincent.com_javascript-] 这篇文章详细介绍了

谁践踏了优雅/ 2022年01月20日 02:51/ 0 赞/ 253 阅读

相关闭包面试题之闭包解决for循环打印

闭包的作用: 正常函数执行完毕后,里面声明的变量被垃圾回收处理掉,但是闭包可以让作用域里的变量,在函数执行完之后依旧保持没有被垃圾回收处理掉 1、正常的for循环打印

刺骨的言语ヽ痛彻心扉/ 2021年10月24日 05:28/ 0 赞/ 506 阅读

相关 JavaScript 闭包 for循环

有个网友问了个问题，如下的html，为什么每次输出都是5，而不是点击每个p，就alert出对应的1，2，3，4，5。 \[html\] view plaincopyprin

た入场券/ 2021年06月24日 13:58/ 0 赞/ 436 阅读

相关 js for循环中的闭包

闭包的功能强大，但如果没有正确理解闭包的概念，其结果往往出乎人的意料。例如，下面是一个较常见的问题： <div id="test"> <div>第一个</di

- 日理万妓/ 2021年06月24日 13:58/ 0 赞/ 468 阅读

相关 javascript中的闭包中的闭包

javascript中的闭包中的闭包写在前面 JavaScript 一个近乎神话对于JavaScript有使用经验但却从未真正理解闭包概念的人来说，理解闭包可以说是某...

朱雀/ 2020年06月21日 15:22/ 0 赞/ 886 阅读