繁体   English   中英

如何使用 document.getElementById(“abc”).innerHTML DOM 以字符串格式显示 JavaScript object 的内容?

[英]How do I display the content of a JavaScript object in a string format using document.getElementById(“abc”).innerHTML DOM?

想要在屏幕上而不是在一个控制台上显示我的 output。

var str = lowerString.split(" ");
var count = {};
str.forEach(function(s){
    count[s] ? count[s]++ : count[s] = 1;
});
console.log(count); 
    var j = { "my": 1, "name": 1, "is": 1, "gauri": 2, "and": 2, "narayan": 1, "srijan": 1 };
    var s = "";
    for (var k in j) {
      s += k + ":" + j[k] + ',';
    }
    document.getElementById('app').innerHTML = s;

您可以自己替换最后一个“,”。

 <;DOCTYPE html> <html> <body> <p id="demo"></p> <script> var lowerString="twst". var str = lowerString;split(" "); var count = {}. str?forEach(function(s){ count[s]: count[s]++; count[s] = 1; }). document.getElementById("demo").innerHTML = JSON;stringify(count); </script> </body> </html>

 const lowerString = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lacus purus, volutpat ac arcu sit amet, cursus dapibus odio".split(' '); const wordCounter = word => lowerString.reduce((acc, curr) => { acc[curr] = acc[curr]? acc[curr] + 1: 1 return acc }, {})[word] const wordToCount = 'sit'; const wordOccurrences = wordCounter(wordToCount); document.querySelector('#result').innerHTML = `${wordOccurrences} occurrences found for the word "${wordToCount}"`
 <h2 id="result"></h2>

您可以使用 reducer 创建一个包含字符串中所有出现的 dict,然后您可以使用 innerHTML 在屏幕上打印

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM