js语言的设计十分地人性化,但有一点我觉得特别的不人性化,并且找来找去也没找到什么官方的解决方案,于是就有了这个想法,打算自己写一个针对该问题的解决函数。
那么今天我要解决的问题,这个问题是这样的,听我慢慢叙来。
新手扫盲,高手直接略过
我们都知道js语言和json数据格式十分亲近,js就使用了json数据格式的思想在其语言里,比如我们可以直接写花括号、冒号这些json写法来定义一个js的对象:
var flower={
smell: "wow",
height:{
value:16,
unit: "cm"
}
}
十分地方便。
它能够一层一层地往一个对象里面随意添加新东西、赋值、取值,甚至再删除(用delete关键字)。
增删改查,样样都有。
问题来了。
但有的时候我们的需求比较急切,希望直接设置到对象最里层的属性,并且该属性外面的属性都没有被定义,那么会发生什么呢?一度人性化的js语言有没有允许我们这么做吗
抱着试一试的态度,我们写下这样一段测试代码来验证猜想。
var house={};
house.room.box.coin= {
value: 1,
unit: "dollar"
};
代码中先定义了一个house房子,然后一层一层地深入:房子里的一个房间,房间里的一个盒子。
然后我们想要在这个盒子里放入一个硬币coin。
这么写运行后发现:
初步分析,box未定义。
然后再试一段代码,只创建对象的一层属性时,是可以运行的。
var house={};
house.room= {};
那这也就是说,js只允许创建对象的直接属性,不允许这样跳跳跳地创建深入的属性的属性,理由是这个属性从未创建(定义)过。
哇,那这也就太不人性化了吧~~
我们期望的是,中间那几层的属性应该是对象,即使我们没有用={}创建过,也应该js兄自动帮我们创建一个。然而js兄并不理睬Σ(⊙▽⊙"a。那没办法了,就只能劳烦我们这些更加人性化的程序员用户了呗。
那既然这样,那我就写个函数用于写对象的深层属性,只要我们给出几个参数,分别是对象、要设置的深层属性的路径、值,就能够让程序即使中间基础属性没定义过也能够继续前进,原理就是我们给没定义过的属性定义一下,也就是={}。
代码:这个代码是严谨性高的,中间的路径path参数用的是数组,适合更自动化的应用(也可以写一个字符串逗号隔开表示的版本,用起来方便)。
function setObjectAttr(object,path,value){
var type= typeof(path);
if(type=="object" && type.length!=0){
var current= object;
for(var index in path){
if(index != path.length-1){
var currentValue= {};
current[path[index]]= currentValue;
current= currentValue;
}else{
current[path[index]]= value;
}
}
}
}
path是字符串表示的版本,其实无非就是在前面加一步,将path字符串用逗号隔开,依然变成了数组Σ(⊙▽⊙"a,直接调用这个严谨版好了。我称这个版为人性版~
呐,代码也给出来啦,一般日常用的话,这个版会更易用一些。
function setObjectAttr1(object,path,value){
setObjectAttr(object,path.split(","),value);
}
由于调用了上个函数,使用时两个函数都要复制哦。
下面是使用结果,正常且顺利。