JavaScript 日志 – 在 JSON 中屏蔽敏感信息 · HowToDoInJava 中文系列教程

# JavaScript 日志 – 在 JSON 中屏蔽敏感信息 > 原文： [https://howtodoinjava.com/javascript/mask-sensitive-info-json-logs/](https://howtodoinjava.com/javascript/mask-sensitive-info-json-logs/) 屏蔽敏感信息是處理敏感客戶數據的應用的非常實際的需求。例如，銀行應用。當這些應用在組織內部網中運行時，會多次生成 UI 日志并將其存儲在用戶的計算機上以進行調試。在上述情況下，監管要求屏蔽所有此類敏感信息，以使它們不存儲在用戶的計算機中。在本教程中，我們將學習對此類敏感信息應用屏蔽。我假設數據通知 JSON 對象，而敏感信息是以其屬性的形式出現的。 ## 結合使用`JSON.stringify()`和`replacer`函數解決方案在于使用函數[`JSON.stringify()`](https://docs.microsoft.com/en-us/scripting/javascript/reference/json-stringify-function-javascript)。此函數將 JavaScript / JSON 對象轉換為 JavaScript 對象表示法（JSON）字符串表示形式。此 JSON 字符串用于記錄目的。 ```java JSON.stringify( value [, replacer] [, space] ) ``` 這里`value`是要進行字符串化的對象，`replacer`是可以轉換結果的函數。在遍歷完整對象時，將為 JSON 對象的每個屬性調用此`replacer`函數。在`replacer`函數中，您可以在鍵值對中獲得屬性（即，屬性名稱和屬性值）。使用此替換器函數可屏蔽敏感信息。例如，在下面的示例中，我屏蔽了`accountNumber`字段。您可以根據項目需要自定義函數`maskInfo`。 ```java var unmaskedData = { "name":"Lokesh", "accountNumber":"3044444444", "city":"New York"}; var maskedData = JSON.stringify( unmaskedData, maskInfo ); function maskInfo (key, value) { var maskedValue = value; if (key == "accountNumber") { if(value && value.length > 5) { maskedValue = "*" + maskedValue.substring(value.length - 4, value.length); } else { maskedValue = "****"; } } return maskedValue; } Output: { "name": "Lokesh", "accountNumber": "*4444", //Masked account number "city": "New York" } ``` ## 數據屏蔽實時演示 <https://howtodoinjava.com/wp-content/downloads/maskingDemo.html> #### 源代碼 ```java <!DOCTYPE html> <html> <body> <h2>JavaScript - Mask Sensitive Information Demo</h2> <p>Input JSON payload in left box and press submit button. Masked data will appear on right box.</p> <table> <tr> <th>Unmasked Data</th> <th>Masked Data</th> </tr> <tr> <td><textarea id="unmasked" rows="10" cols="30">{ "name":"Lokesh", "accountNumber":"3044444444", "city":"New York"}</textarea></td> <td><textarea id="masked" rows="10" cols="30"></textarea></td> </tr> <tr><td colspan="2"><input type="button" name="submit" value="Submit" onclick="submit()"></td></tr> </table> <script> function submit() { var unmaskedData = JSON.parse(document.getElementById("unmasked").value); var maskedData = JSON.stringify(unmaskedData, maskInfo, ' '); document.getElementById("masked").value = maskedData; } function maskInfo(key, value) { //Default value is same as original var maskedValue = value; if (key == "accountNumber") { if(value && value.length > 5) { maskedValue = "*" + maskedValue.substring(value.length - 4, value.length); } else { maskedValue = "****"; } } return maskedValue; } </script> </body> </html> ``` 將我的問題放在評論部分。學習愉快！