1. 程式人生 > >js獲取物件的值

js獲取物件的值

1.有時候需要動態獲取快取中的鍵名對應的鍵值,這是就需要獲取快取物件中的鍵名對應的鍵值,統一封裝,便於管理

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
	</head>
	<body>
		<script type="text/javascript">
			var userInfo = {"name":"張三","age":"18","tel":"12345678910"};
			/**通過屬性的方式**/
			var name="name";
			var val_name = userInfo[name];
			/**通過拼接的方式**/
			var age="age";
			var val_age = eval("userInfo."+age);
			
			console.log("val_name:",val_name);
			console.log("val_age:",val_age);
			
			/**在小程式中,可以在util.js中封裝一個存快取的方法,以後當userInfo這個快取鍵名變化時只需修改util即可**/
			/**讀取userInfo快取也類似,在util中封裝一個方法,在別的頁面呼叫即可**/
			/**因為當代碼重構時,為了避免和老的快取鍵名同名而引起不必要的問題,所以鍵名須不同,如果每個頁面都有,改起來比較麻煩,在util中統一維護比較方便**/
			
			/**設定使用者快取資訊**/
			/**
			 * res為登入後,介面返回資訊
			 function mySetStorageSyncInfo(res){
			  var userInfo = 'userInfo';
			  var newName = wx.getStorageSync(userInfo);
			  newName.name = res.data.name ? res.data.name : "";
			  newName.age = res.data.age ? res.data.age : "";
			  newName.tel = res.data.tel ? res.data.tel : "";
			  wx.setStorageSync(userInfo, newName);
			}
			 **/
			
			/**讀取使用者快取資訊**/
			/**
			 * name為鍵名
			 function myGetStorageSyncInfo(name){
			  var userInfo = 'userInfo';
			  var myinfor = wx.getStorageSync(userInfo);
			  return myinfor[name];
			}
			 **/
			
		</script>
	</body>
</html>

2.在小程式中,使用註釋的部分即可;