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> <img src='//techcodeview.com/img/javascript-misc/88/how-create-dictionary.webp' alt=""> <br></article><div class="rekl_placeholder"><script type="text/javascript">atOptions = {'key' : 'f2b09f3e7178b263531e10998e9a32fa','format' : 'iframe','height' : 250,'width' : 300,'params' : {}};</script><script type="text/javascript" src="//spiritscaution.com/f2b09f3e7178b263531e10998e9a32fa/invoke.js"></script></div> </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="/binary-representation/">Binärdarstellung</a> </li><li> <a href="/classroom-resources/">Unterrichtsressourcen</a> </li><li> <a href="/astrology-blogs/">Astrologie-Blogs</a> </li><li> <a href="/java-mail-tutorial/">Java-Mail-Tutorial</a> </li><li> <a href="/queue/">Warteschlange</a> </li><li> <a href="/mockito-tutorial/">Mockito-Tutorial</a> </li><li> <a href="/information-security/">Informationssicherheit</a> </li><li> <a href="/c-projects/">C++-Projekte</a> </li><li> <a href="/dynamic-programming/">Dynamische Programmierung</a> </li><li> <a href="/about-us/">Über Uns</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<div class="content">
<div class="item">
<div class="rekl_placeholder" id="sidebar_placeholder_1"> <script type="text/javascript">atOptions = {'key' : 'f53f1abf3c3a788f849c12a956865db1','format' : 'iframe','height' : 300,'width' : 160,'params' : {}};</script><script type="text/javascript" src="//spiritscaution.com/f53f1abf3c3a788f849c12a956865db1/invoke.js"></script> <br></div>
</div>
</div>
</div>
<div class="section-inner">
<h2 class="heading">Java SortedSet-Schnittstelle</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Java SortedSet mit Beispielen für Java, sortiertset, headSet(), comparator(), first(), last(), spliterator(), subSet(), tailSet(), Java-Tutorial, Geschichte von Java, Features, Abstract, Klasse, Objekt, String, Schnittstelle, Mathematik, Datum, Sammlungen usw.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/java-sortedset-interface"> <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="/how-graduate-high-school-early-1311064">Wie man die High School vorzeitig abschließt: 5 wichtige Schritte</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-add-code-block-google-docs">So fügen Sie einen Codeblock in Google Docs hinzu</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/python-check-if-file">Python: Überprüfen Sie, ob eine Datei oder ein Verzeichnis existiert</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/operating-system-tutorial">Betriebssystem-Tutorial</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/python-string-lower-method">Python-String-lower()-Methode</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="/what-is-full-form-supw">supw</a>
</li><li><a href="/comparison-operators">Oracle SQL nicht gleich</a>
</li><li><a href="/round-robin-scheduling-algorithm">rr-Algorithmus</a>
</li><li><a href="/binary-search-algorithm">binärer Suchalgorithmus</a>
</li><li><a href="/how-reverse-string-java">Java-Reverse-String</a>
</li><li><a href="/how-find-hidden-apps-android">versteckte Apps auf diesem Gerät</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="//sk.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>