從用點表示法構建的JSON對象訪問文本

Question

只學習如何構建和讀取寵物採用網站的json對象我正在開發一個愛好項目。一個朋友建議我建一個這樣的：

var userData = {}; 
userData['dogs'] = {}; 
userData.dogs['Spot'] = {}; 
userData.dogs.Spot['color'] = 'black'; 
userData.dogs.Spot['weight'] = '24lbs'; 
userData.dogs.Spot['location'] = 'Washington'; 
userData.dogs.Spot['comments'] = 'this is a long string of text'; 

我已想出如何此字符串化，存儲，檢索和分析，但我無法弄清楚如何訪問信息的各個部分（重例如）。從userData到userData.dogs到userData.dogs.spot的點是否是這樣構建對象的標準？我如何訪問每個屬性？

Answer 1

var userData = { 
    dogs: { 
    spots: { 
     color: 'black', 
     weight: 'x lbs', 
     anotherKey: 'some value' 
    } 
    } 
}; 

你做的是與上面相同。如果您是初學者，您可以在這裏閱讀更多關於JavaScript Object的內容：https://www.w3schools.com/js/js_objects.asp。如果你有更多的中間，你可以在這裏閱讀：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object

Answer 2

1. 不，它不是標準打造的對象一樣，因爲這是使用迭代步驟（即程序），而JSON是一個聲明文字（記住：Ĵ AVA 小號 cript O bject N）。你可以表達像這樣同一個最終目標：

   userData = { 
       "dogs": { 
        "Spot": { 
         "color": "black", 
         "weight": "241lbs", 
         "location": "Washington", 
         "comments": "this is a big dog, 241lbs, wow" 
        } 
       } 
   }; 
   

   需要注意的是「純」 JSON需要雙引號分隔鍵。而腳本內對象文字可以使用不帶引號的標準標識符。

2. 您可以使用虛線表示法訪問它們。如果您的對象具有不符合JavaScript標識符限制的鍵（例如，沒有空格，標點符號，必須以字母開頭等），則只需要使用字符串索引器屬性語法：

   console.log（userData。 dogs.Spot.color）; console.log（userData.dogs.Spot.comments）;

Answer 3

我做功能setDeephttps://jsbin.com/lagexubife/edit?js,console

如何使用

var obj = {} // object to mutate 
setDeep(obj, 'dogs.Spot.comments', 'this is a long string of text') 
console.log(obj.dogs.Spot.comments) 

代碼

var setDeep = function(data, keys, val, options){ 
    if(typeof keys === 'string' && !Array.isArray(keys)) 
     keys = String(keys); 
    if(typeof keys === 'string') 
     keys = keys.split('.'); 
    if(!Array.isArray(keys)) 
     return data; 
    options    = options || {}; 
    const strict  = !!options.strict; 
    const last_index = keys.length - 1; 
    var value   = data; 
    var l    = keys.length; 
    if(!strict && !value) 
     value = {}; 
    for(let i=0; i < l; i++){ 
     let key   = keys[i]; 
     if(i < last_index){ 
      if(typeof value[key] === "undefined" || value[key] === null){ 
       if(strict){ 
        // force throw error 
        value[key][keys[i+1]] = {}; 
       }else{ 
        value[key] = {}; 
       } 
      } 
     }else{ 
      if(i === last_index){ 
       value[key] = val; 
       break; 
      } 
     } 
     value = value[key]; 
    } 
    return data; 
}