In diesem Artikel erfahren Sie, wie Sie in JavaScript ein Wörterbuch erstellen, indem Sie Objekte zum Speichern von Schlüssel-Wert-Paaren verwenden. Obwohl JavaScript über keinen integrierten Wörterbuchtyp verfügt, können wir mithilfe von JavaScript-Objekten effektiv einen erstellen. Beginnen wir mit der Erstellung eines neuen JavaScript-Objekts, das als unser Wörterbuch fungiert.
Syntax:
Java wandelt String in int um
Der Schlüssel kann eine Zeichenfolge oder eine Ganzzahl sein. Wenn Sie nur „key1“ oder eine beliebige Zahl schreiben, wird es als Zeichenfolge behandelt.
var dict = { key1 : value1 , key2 : value2 , .... };>- Erstellen Sie ein leeres Wörterbuch
var dict = {};> - Hinzufügen von Schlüssel-Wert-Paaren im Wörterbuch
dict[new_key] = new_value;>
oder Wenn „new_key“ bereits im Wörterbuch vorhanden ist, wird der Wert auf „new_value“ aktualisiert.dict.new_key = new_value;>
- Auf Schlüssel-Wert-Paare zugreifen
var value = dict[key];>
odervar value = dict.key;>
- Das gesamte Wörterbuch iterieren
for(var key in dict) { console.log(key + ' : ' + dict[key]); }>
Beispiel:
alphabetische ZahlHTML
Wörterbuch in JavascriptTitel> Kopf> <body style='text-align: center;'> <h1 style='color: green;'>techcodeview.com h1><p>var dict = { <br />'Geek': 1, <br />'für 2', <br />'Geeks': 3.5 <br />}; <br />p> <button onClick='fun()'>Schaltfläche „Neue Schlüssel-Wert-Paare hinzufügen“><p id='demo'>p><script>function fun() { var dict = { geek: 1, for: '2', geeks: 3.5, }; dict.new_geeks = 'new_value'; dict['another_new_geeks'] = 'another_value'; var to_show = 'var dict = { '; for (var key in dict) { to_show += ''' + key + '' : ' + dict[key] + ' '; } to_show += ' }; '; document.getElementById('demo') .innerHTML = to_show; } script> body> html>></pre> </code> <p dir='ltr'> <b> <strong>Ausgabe:</strong> </b> </p> <br /> <div id="container-4ae8242bd8e42d94c5c0bf390d5144e6"></div><br /> <img src='//techcodeview.com/img/javascript-misc/88/how-create-dictionary.webp' alt=""> <br></article>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="">Kategorie</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/category/">Kategorie</a> </li><li> <a href="/chemistry-difference-between/">Chemie-Unterschied-Zwischen</a> </li><li> <a href="/c-strings-programs/">C-Strings-Programme</a> </li><li> <a href="/python-library/">Python-Bibliothek</a> </li><li> <a href="/design-patterns/">Designmuster</a> </li><li> <a href="/google/">Google</a> </li><li> <a href="/python-data-type/">Python-Datentyp</a> </li><li> <a href="/listicles/">Listicles</a> </li><li> <a href="/java-reflection/">Java-Reflexion</a> </li><li> <a href="/dijkstra/">Dijkstra</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Stier-Kompatibilität: Finden Sie Ihre beste Übereinstimmung</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Mit wem sind Stiere kompatibel? Was passt am besten zum Stier? Erfahren Sie die Antworten auf diese Fragen in unserem vollständigen Taurus-Kompatibilitätsleitfaden.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/taurus-compatibility-131144"> <i class="fa fa-external-link"></i> Weiterlesen</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Interessante Artikel</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/what-does-istg-mean">Was bedeutet „ISTG“? Auf Instagram, WhatsApp, TikTok</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/java-scanner-nextdouble-method">Java-Scanner nextDouble()-Methode</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/jsp-tutorial">JSP-Tutorial</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/ribbon-tabs-excel">Multifunktionsleiste und Tabs in Excel</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-install-atom-macos">So installieren Sie Atom unter MacOS</a> </strong> </span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">Beliebte Beiträge</h2>
<div class="content">
<ul class="list"> <li><a href="/vicky-kaushal">Vicky Kaushal Alter</a>
</li><li><a href="/java-string-format">Formatierungszeichenfolge Java</a>
</li><li><a href="/method-overriding-java">Methodenüberschreibung in Java</a>
</li><li><a href="/difference-between-fox">Wolf gegen Fuchs</a>
</li><li><a href="/steps-write-execute-script">Machen Sie ein SH-Skript ausführbar</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<footer class="footer">
<div class="container text-center">
<span>
Copyright ©2025 Alle Rechte Vorbehalten | <a href="//ca.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Haftungsausschluss</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Über Uns</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Datenschutzrichtlinie</a> </span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
</body>
</html>