js動態添加對象

標籤：log   方便   return   js對象   自己   class   end   cti   obj   

js的數組，字串，對象操作是實現一些功能不可缺少的部分。

一般情況下js的數組和字串動態加起來比較方便，都有自己提供的方法，數組的push(),字串直接用加號等。但是js對象動態添加就需要一點工作了

下面我寫了兩種動態添加對象的方法

第一種

    function toObj1(key,val){           var data = {};            data[key] = val;           return data;       }       var obj1 = toObj1(‘name‘,‘nurdun‘);       console.log(obj1);

第二種

    function toObj2(key,val){           var data = {[key]:val};           return data;       }       var obj2 = toObj2(‘name‘,‘nurdun‘);       console.log(obj2);

下面是這兩種方法的應用

先設定兩個數組，一個代表key，一個代表val

 var keyArr= ["name","age","job"] var valArr = ["nurdun",3,"front-end"]

下面是兩種動態添加對象的運用

    function fn(keyArr,valArr){           var  data = {};           for(i = 0;i<keyArr.length;i++){               var  key = keyArr[i];               var  val = valArr[i];               data[key] = val;           }           return data;       }        var op = fn(keyArr,valArr);       console.log(op);

下面的方法是前面的key會被後面的key覆蓋

    function fun(keyArr,valArr){           var  data = {};           for(i = 0;i<keyArr.length;i++){               var  key = keyArr[i];               var  val = valArr[i];               data = {[key]:val};           }           return data;       }       var op1 = fun(keyArr,valArr);       console.log(op1);

 

js動態添加對象