JS实现给对象动态添加属性的方法
转自于:https://www.jb51.net/article/102095.htm
本文实例讲述了JS实现给对象动态添加属性的方法。分享给大家供大家参考,具体如下:
在工作用要用到给jd对象动态添加属性的要求,在网上找到了一种解决方式,实例如下:
1、demo
1
2
3
4
5
6
|
var aa= "maker" ; var bb=123; var lists={}; eval( "lists." +aa+ "=" +bb); eval( '(' + "lists." +aa+ "=" +bb+ ')' ); console.log(lists); |
这种方式试过确实可以
2、项目中使用
1
2
3
4
5
6
7
8
9
10
11
12
13
|
$( "#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对象动态添加属性和属性值。
为Object对象动态添加属性和值
方式1:
-
var obj = {}; //或者 var obj=new Object();
-
var key = "name";
-
var value = "张三丰"
-
obj[key] = value;
-
console.info(obj);
方式2,使用eval() 动态解析字符串表达式
-
var obj = {};
-
var key = "name";
-
var value = "张三丰"
-
eval("obj.p" + key + "='" + value + "'");
-
console.info(obj);
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异