js写对象递进深层属性(代码)

本文探讨了JavaScript中直接设置未定义的深层对象属性时遇到的问题,即JS不自动创建中间属性。作者提出并提供了两种解决方案:一个严谨的函数,通过数组表示路径,以及一个更易用的版本,使用逗号分隔的字符串表示路径。这两个函数允许程序员为对象的深层属性赋值,即使中间属性未定义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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);
	}

由于调用了上个函数,使用时两个函数都要复制哦。

 

下面是使用结果,正常且顺利。

问题解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值