Questo articolo ti insegnerà come creare un dizionario in JavaScript utilizzando oggetti per memorizzare coppie chiave-valore. Sebbene JavaScript non abbia un tipo di dizionario integrato, possiamo crearne uno in modo efficace utilizzando gli oggetti JavaScript. Iniziamo creando un nuovo oggetto JavaScript che funga da dizionario.
impilare in Java
Sintassi:
La chiave può essere una stringa, un numero intero. Se scrivi semplicemente key1 o qualsiasi numero, verrà trattato come una stringa.
var dict = { key1 : value1 , key2 : value2 , .... };>- Crea dizionario vuoto
var dict = {};> - Aggiunta di coppie chiave-valore nel dizionario
dict[new_key] = new_value;>
oppure Se new_key è già presente nel dizionario, il suo valore verrà aggiornato a new_value.dict.new_key = new_value;>
- Accesso alle coppie chiave-valore
var value = dict[key];>
Ovar value = dict.key;>
- Iterazione dell'intero dizionario
for(var key in dict) { console.log(key + ' : ' + dict[key]); }>
Esempio:
HTML Dizionario in Javascripttitle> head> <body style='text-align: center;'> <h1 style='color: green;'>techcodeview.com h1><p>var dict = { <br />'geek' : 1 , <br />'per' : '2', <br />'geek': 3.5 <br />}; <br />p> <button onClick='fun()'>Pulsante Aggiungi nuove coppie chiave-valore><p id='demo'>p><script>function fun() { var dict = { geek: 1, for: '2', geek: 3.5, }; dict.new_geeks = 'nuovo_valore'; dict['another_new_geeks'] = 'another_value'; var to_show = 'var dict = { '; for (var key in dict) { to_show += ''' + key + '' : ' + dict[key] + ' '; } mostrare_per += ' }; '; document.getElementById('demo') .innerHTML = to_show; } script> corpo> html>></pre> </code> <p dir='ltr'> <b> <strong>Produzione:</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="">Categoria</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/java-strings/">Stringhe Java</a> </li><li> <a href="/python-datatype/">Tipo Di Dati Python</a> </li><li> <a href="/jfreechart-tutorial/">Tutorial Su Jfreechart</a> </li><li> <a href="/cpp-constructor/">Costruttore Cpp</a> </li><li> <a href="/tree/">Albero</a> </li><li> <a href="/python-numpy-arraycreation/">Creazione Di Array-Numpy Python</a> </li><li> <a href="/ejs-templating-language/">Linguaggio Dei Modelli Ejs</a> </li><li> <a href="/parts-speech/">Parti Del Discorso</a> </li><li> <a href="/jquery-methods/">Metodi Jquery</a> </li><li> <a href="/java-jsp/">Java-Jsp</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">Alfabeto in Python</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Alfabeto in Python con tutorial, tkinter, pulsante, panoramica, tela, cornice, configurazione dell'ambiente, primo programma Python, ecc.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/alphabet-python"> <i class="fa fa-external-link"></i> Per Saperne Di Più</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Articoli Interessanti</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/how-many-time-zones-are-thailand">Quanti fusi orari ci sono in Thailandia?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/explained-what-is-zoom-24246">Spiegazione: cos'è Zoom?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/difference-between-unix">Differenza tra Unix e Linux</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/pure-virtual-functions">Funzioni virtuali pure e classi astratte in C++</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-is-10-decimal">Qual è il 10% come decimale?</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">Messaggi Popolari</h2>
<div class="content">
<ul class="list"> <li><a href="/null-pointer-exception-java">nullpointerException</a>
</li><li><a href="/how-change-image-size-css">css che modifica la dimensione dell'immagine</a>
</li><li><a href="/katrina-kaif">Katrina Kaif</a>
</li><li><a href="/java-linkedlist-class">lista collegata java</a>
</li><li><a href="/function-prototype-c">funzione prototipo c++</a>
</li><li><a href="/unordered_map-c">mappa_non ordinata c++</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 Tutti I Diritti Riservati | <a href="//ko.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Disclaimer</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Chi Siamo</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Politica Sulla Riservatezza</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>