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:

 

  1.  
    var obj = {}; //或者 var obj=new Object();
  2.  
    var key = "name";
  3.  
    var value = "張三豐"
  4.  
    obj[key] = value;
  5.  
    console.info(obj);


方式2,使用eval() 動態解析字符串表達式

 

 

    1.  
      var obj = {};
    2.  
      var key = "name";
    3.  
      var value = "張三豐"
    4.  
      eval("obj.p" + key + "='" + value + "'");
    5.  
      console.info(obj);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM