码迷,mamicode.com
首页 > Web开发 > 详细

js动态添加对象

时间:2017-05-22 18:58:43      阅读:205      评论:0      收藏:0      [点我收藏+]

标签: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动态添加对象

标签:log   方便   return   js对象   自己   class   end   cti   obj   

原文地址:http://www.cnblogs.com/nurdun/p/6890774.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!