基於另一個屬性設置嵌套對象屬性

Question

我想計算字符在文本中出現的次數，然後顯示每個字符的總計。我的主要問題是第一部分。

這裏是我的代碼快照至今：

//define text and characters to be searched for 
var theArticle = document.getElementById('theText'), 
    docFrag = document.createDocumentFragment(), 
    theText = theArticle.innerText, 
    characters = { 
    a: { 
     regExp: /a/g, 
     matches: [], 
     count: 0 
    }, 
    b: { 
     regExp: /b/g, 
     matches: [], 
     count: 0 
    }, 
    c: { 
     regExp: /c/g, 
     matches: [], 
     count: 0 
    } 

    etc… 
} 

for (var key in characters) { 
    if (characters.hasOwnProperty(key)) { 
     var obj = characters.key; 
     for (var prop in obj) { 
      if (obj.hasOwnProperty(prop)) { 
       matches = theText.match(regExp); // pretty sure my problem is here 
       count = matches.length; // and here 
      } 
     } 
    } 
} 

我想遍歷所有的字符集的基礎上matches長度基於regExp的matches的價值和count值。

這個問題的最佳答案是最接近我解決我的問題。 Access/process (nested) objects, arrays or JSON

Answer 1

有跡象表明，應該對你的代碼進行一些更改：

1. 沒有必要的檢查：if (characters.hasOwnProperty(key))你for in循環內。
2. 用點表示法不能訪問變量屬性：var obj = characters.key;應該是var obj = characters[key];。
3. 同樣，不需要檢查：if (obj.hasOwnProperty(prop))。
4. 如果您嘗試操作字符對象屬性，則需要訪問對象上的屬性，而不只是輸入密鑰名稱。

糾正這些事情（主要是＃2），它應該按預期工作。

不過，我將完全重新裝備你的功能的實現，像這樣：

我先簡單地定義字符串數組：

var characters = ['a','b','c','asd']; 

然後寫一個通用的函數來處理你的功能：

function findCharsInString(array, string) { 
    // map a "results" function to each character in the array 
    return array.map(function(c) { 
     // make a check to ensure we're working with a string that is only one character 
     if (typeof c === 'string' && c.length === 1) { 
      // create a RegExp from each valid array element 
      var matches = string.match(RegExp(c, 'g')); 
      // return an anonymous results object for each character 
      return { 
       matches: matches, 
       count: matches.length 
      }; 
     } else { // if there is an invalid element in the array return something 
      return 'Invalid array element.'; 
     } 
    }); 
} 

並將其應用到你的characters數組和字符串theText：

var theText = 'asjdbasccshaskjhsa'; 
console.log(findCharsInString(characters, theText)); 

日誌：

[ 
    { 
     matches: 
      ["a","a","a","a"], 
     count: 
      4 
    }, 
    { 
     matches: 
      ["b"], 
     count: 
      1 
    }, 
    { 
     matches: 
      ["c","c"], 
     count: 
      2 
    }, 
    "Invalid array element." 
]