标签: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);
标签:log 方便 return js对象 自己 class end cti obj
原文地址:http://www.cnblogs.com/nurdun/p/6890774.html