JS实现给对象动态添加属性的方法


Posted in Javascript onJanuary 05, 2017

本文实例讲述了JS实现给对象动态添加属性的方法。分享给大家供大家参考,具体如下:

在工作用要用到给jd对象动态添加属性的要求,在网上找到了一种解决方式,实例如下:

1、demo

var aa="maker";
var bb=123;
var lists={};
eval("lists."+aa+"="+bb);
eval('('+"lists."+aa+"="+bb+')');
console.log(lists);

这种方式试过确实可以

2、项目中使用

$("#saveform").on("click",function(){
  var param={};
  //bz订单号
  var bzorderid=$("#bzorderid").val();
  //获取所有产品
  $("#allsk .sk td input").each(function(){
   var id=this.id;
   var name=this.name;
   var val=$("#"+id).val();
   //动态添加属性、赋值
   eval("param."+name+"="+val)
  });
}

遍历input获取值,js对象动态添加属性和属性值。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
Feb 27 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
JS简单添加元素新节点的方法示例
Feb 10 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
node.js命令行教程图文详解
May 27 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
JavaScript 替换所有匹配内容及正则替换方法
Feb 12 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
Apr 24 Javascript
基于VUE实现判断设备是PC还是移动端
Jul 03 Javascript
JavaScript前端面试扁平数据转tree与tree数据扁平化
Jun 14 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
Jan 05 #Javascript
JavaScript实现数组降维详解
Jan 05 #Javascript
jQuery解析返回的xml和json方法详解
Jan 05 #Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
Jan 05 #Javascript
jQuery实现动态文字搜索功能
Jan 05 #Javascript
JS实现HTML标签转义及反转义
Apr 14 #Javascript
jQuery基于ajax操作json数据简单示例
Jan 05 #Javascript
You might like
php 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
JS中encodeURIComponent函数用php解码的代码
2012/03/01 PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
PHP实现删除非站内外部链接实例代码
2014/06/17 PHP
JsEasy简介 JsEasy是什么?与下载
2007/03/07 Javascript
Javascript 陷阱 window全局对象
2008/11/26 Javascript
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
javascript和jquery修改a标签的href属性
2013/12/16 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
2016/10/15 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
正则验证小数点后面只能有两位数的方法
2017/02/28 Javascript
jquery实现自定义图片裁剪功能【推荐】
2017/03/08 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
2017/06/12 jQuery
js如何编写简单的ajax方法库
2017/08/02 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
Vue加载组件、动态加载组件的几种方式
2018/08/31 Javascript
简单实现节流函数和防抖函数过程解析
2019/10/08 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
Python高级应用实例对比:高效计算大文件中的最长行的长度
2014/06/08 Python
Python使用SocketServer模块编写基本服务器程序的教程
2016/07/12 Python
详解python中的文件与目录操作
2017/07/11 Python
深入浅析python 中的匿名函数
2018/05/21 Python
解决Pycharm后台indexing导致不能run的问题
2019/06/27 Python
Python hashlib模块加密过程解析
2019/11/05 Python
Python 通过正则表达式快速获取电影的下载地址
2020/08/17 Python
CSS3绘制有活力的链接下划线
2016/07/14 HTML / CSS
使用Canvas操作像素的方法
2018/06/14 HTML / CSS
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
财务部经理岗位职责
2014/02/03 职场文书
银行求职信模板
2015/03/20 职场文书
2015年村党支部工作总结
2015/04/30 职场文书