Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

मैं एक जावास्क्रिप्ट ऑब्जेक्ट की सामग्री को एक स्ट्रिंग प्रारूप में कैसे प्रदर्शित करूं?

<घंटा/>

document.getElementById() का उपयोग करें और innerHTML का उपयोग करके प्रदर्शित करें। निम्नलिखित कोड है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<p id="objectId"></p>
<script>
   var jsonObject="name";
   var value = jsonObject.split(" ");
   var add = {};
   value.forEach(function(v){
      add[v] ? add[v]++ : add[v] = "John";
   });
   document.getElementById("objectId").innerHTML = JSON.stringify(add);
</script>
</body>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

मैं एक जावास्क्रिप्ट ऑब्जेक्ट की सामग्री को एक स्ट्रिंग प्रारूप में कैसे प्रदर्शित करूं?


  1. स्ट्रिंग को जावास्क्रिप्ट ऑब्जेक्ट में कैसे बदलें?

    एक स्ट्रिंग को JavaScript ऑब्जेक्ट में बदलने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>

  1. जावास्क्रिप्ट में एक स्ट्रिंग के रूप में संपूर्ण दस्तावेज़ HTML कैसे प्राप्त करें?

    संपूर्ण दस्तावेज़ HTML को एक स्ट्रिंग के रूप में प्राप्त करने के लिए, आंतरिक HTML की अवधारणा का उपयोग करें, जैसे - document.documentElement.innerHTML; उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8"> &

  1. जावास्क्रिप्ट में टेक्स्टबॉक्स का मूल्य कैसे प्रदर्शित करें?

    मूल्य का उपयोग करके टेक्स्ट बॉक्स से मूल्य निकालें और आंतरिक HTML का उपयोग करके पैराग्राफ में प्रदर्शित कर सकते हैं। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="vi