原因:对象是同一个对象,动态创建对象时,不断对对象赋值,push进数组,数组[obj,obj,obj],所有的obj值相同,因而导致数组中都是同一个对象

talk is cheap,show you the code

错误写法:

var obj = {id: null,name: '',};
var str = [];
for (var i = 0; i < 5; i++) {obj.id = i;obj.name = 'name_' + i;str.push(obj);console.info(obj);
}
console.info(str);

演示结果:


正确写法:

var str = [];
for (var i = 0; i < 5; i++) {var obj = {id: i,name: 'name_' + i,};str.push(obj);console.info(obj);}console.info(str);

演示结果:

js动态产生对象push进数组,发现数组所有元素(element or object)一样相关推荐

  1. JS动态为对象添加属性

    JS允许在创建完一个对象后,动态给对象添加属性.如下 var obj = {};// 动态给对象添加属性的常见方式 obj.name = 'aaa'; obj.age = 22; console.lo ...

  2. 把对象push进数组

  3. js基础(数组)--数组类型、类数组对象、作为数组的字符串

    1.数组类型 我们到处都可以看见数组是具有特殊行为的对象.给定一个未知的对象,判定它是否为数组通常非常 有用.在ECMAScript 5中,可以使用Array.isArray()函数来做这件事情:Ar ...

  4. php 遍历对象数组,js中遍历对象(5种)和遍历数组(6种)的方法总结

    本篇文章给大家带来的内容是关于js中遍历对象(5种)和遍历数组(6种)的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.遍历对象方法 1.for...in 遍历输出的是对 ...

  5. Vue中向js中传递参数并在js中定义对象并转换参数

    场景 有下面这种主从表结构 上面的信息是主表的信息,下面是从表的信息. 在Vue中将页面的信息传递到js的方法中,在js方法中将参数进行转换使其与后台接收的参数相匹配. 注: 博客: https:// ...

  6. 前端之JavaScript:JS之DOM对象一

    js之DOM对象一 一.什么是HTML  DOM HTML  Document Object Model(文档对象模型) HTML DOM 定义了访问和操作HTML文档的标准方法 HTML DOM 把 ...

  7. JS中集合对象(Array、Map、Set)及类数组对象的使用与对比

    JS中集合对象(Array.Map.Set)及类数组对象的使用与对比 在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java ...

  8. json数组 js html标签,js定义json对象数组 json 数组也是数组 //

    var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]"; var jsonarray = eval('('+js ...

  9. js解析java对象数组_js接收并转化Java中的数组对象的方法

    在做项目时,要向ocx控件下发命令,就要在js中得到java中的对象,然后拼成一种格式,下发下去...当对象是一个时比较简单,但如果对象是一个数组时,就略显麻烦了. 开始我以为有简单的方式,可以直接进 ...

最新文章

  1. 1.5s~0.02s,期间我们可以做些什么?
  2. Servlet 第六课: Session的使用
  3. activity堆栈式管理
  4. __asm__ __volatile__(: : :memory)
  5. 未解决oracle错误12505、01034、27101
  6. B12-UIAlertController(NS_CLASS_AVAILABLE_IOS(8_0))。
  7. apache php日志配置,HTML_初学:apache与php基本配置,1、APACHE的日志主要分为“ - phpStudy...
  8. linux 内核字符驱动char_dev源码分析
  9. spark学习-49-Spark的job调度
  10. 通知:小密圈暂停服务
  11. eNSP实验vlan及交换机接口类型配置
  12. oracle中导出查询结果,Oracle SQL 查询结果导出到文本或Excel文件方法
  13. 最常见的开源游戏引擎_拔剑-浆糊的传说_新浪博客
  14. 四川高中计算机大赛官网,四川省教育厅关于公布2018年度四川省中小学电脑制作活动评选结果的通知...
  15. stm32+k210视觉小车——来拒去留+多位串口通信
  16. new BigDecimal比较大小
  17. 【系统分析师之路】系统分析师下午案例模拟题(2021版)
  18. TK 设置tkinter窗口的置顶属性,保持最上层
  19. Hard Disk Sentinel Pro v5.70.8 硬盘哨兵 电脑硬盘检测工具
  20. java dump文件怎么生成和分析-JMAP用法

热门文章

  1. 中国已与36个国家(地区)海关实现“经认证的经营者”(AEO)互认
  2. ECshop生态全面开放,城市合伙人招募火热启动
  3. git_day01_01——概要
  4. JS中的值是按值传递,还是按引用传递呢?
  5. 海园帮忙写的JQUERY功能,实现了我们想要的,我觉得有点屌哟~~
  6. Android手机安全性测试手段
  7. static_cast、dynamic_cast、reinterpret_cast、和const_cast
  8. centos 切换用户_Centos7系统切换Python2到Python3.x
  9. RTOS原理与实现05:事件控制块实现
  10. 计算机系统-实模式/保护模式/虚拟86模式