如何將json數組元素（帶有嵌套對象）動態顯示到select標簽中？

Question

我有一個python給定的數組：

[{u'boo': [u'var1', u'var2', u'var3', u'var4']}, u'Happines', u'May', u'Abecedary'

數組當前以以下方式自動填充

<select>
   %for type in array:
      <option value="{{type}}">{{type}}</option>
   %end
</select>

盡管這項工作顯示了選擇中具有正確值的每個單個字符串，但對象{u'boo': [u'var1', u'var2', u'var3', u'var4']} 。 當前，它全部顯示為一個簡單的字符串。 這是合理的，系統並未考慮到這一點，所以我有以下問題：

我如何才能使系統顯示對象的鍵（例如example2），並顯示一個新選擇，並帶有屬於該鍵的所有新選項？

因此，如果用戶選擇boo，則應出現一個顯示var1 ， var2 ， var3和var4的新選擇。

Answer 1

您可以使用typeof檢查數組中元素的數據類型，例如：

let arr = [{u'boo': [u'var1', u'var2', u'var3', u'var4']}, u'Happines', u'May', u'Abecedary'];

for(let i = 0; i < arr; i++) {
  // Checking if an element in arr is an object.
  if(typeof arr[i] === 'object') {
    let obj = arr[i];
    // Iterating the object using for-in loop.
    for(let prop in obj) {
      if (obj.hasOwnProperty(elem)) {
        // Do your object manipulation in here.
        console.log(obj.prop);
      }
    }
  }
}

這樣，您始終可以確保考慮到對象。 您可以對希望從python接收到的其他數據類型執行相同的操作。