在日常平凡的程序設計過程中,利用到json格局傳輸數據,已經比力常見。那么,若何才能獲取到json對象的屬性調集呢?
打開vscode,建立一個測試頁面JsonTest.html,用于演示在js中若何獲取json對象的屬性調集
在測試頁面中,界說一個js變量,將其賦值為json格局的字符串,用于模擬從后臺返回過來的json字符串值,以及后續轉換為json對象,和獲取其屬性調集
var json = "[{\"Col1\": \"Hello\", \"Col2\": \"World\"}, {\"Col1\": \"您好\", \"Col2\": \"宿世界\"}]";
利用js的eval函數,將json字符串的變量值,轉換為json對象
var $json = eval("(" + json + ")");
獲得json對象之后,利用for-in輪回語句,獲得json對象的序號,也就是,這個json對象中,還有幾多個子對象
因為js是弱類型的說話,并不要求json對象中的每個子對象屬性都一樣。所以,在獲得序號之后,利用Object.keys($json[i]); 就能獲取到當前json子對象的屬性調集
若是想要獲取到json對象的每個具體的列名和值,就需要再加一個for輪回,遍歷列名,獲得列名和值
在瀏覽器中打開測試頁面,然后按F12,就能看到代碼中輸出的各類數據,包羅了json對象的屬性調集、具體的列名和值等等信息
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!