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="/python-scipy-tutorial/">Tutorial Su Python Scipy</a> </li><li> <a href="/java/">Giava</a> </li><li> <a href="/binary-representation/">Rappresentazione Binaria</a> </li><li> <a href="/factors/">Fattori Di</a> </li><li> <a href="/python-numpy-random-sampling/">Python Numpy: Campionamento Casuale</a> </li><li> <a href="/css-properties/">Proprietà Css</a> </li><li> <a href="/c-macro/">Macroc</a> </li><li> <a href="/julia-dictionary-methods/">Julia-Dizionario-Metodi</a> </li><li> <a href="/coding-problems/">Problemi Di Codifica</a> </li><li> <a href="/project/">Progetto</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">Calcola la somma di tutti i numeri presenti in una stringa</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Data una stringa S contenente caratteri alfanumerici, il compito è calcolare la somma di tutti i numeri presenti nella stringa.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/calculate-sum-of-all-numbers-present-in-a-string"> <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="/eminem-net-worth-2024">Patrimonio netto Eminem 2024: commissioni, stipendio, beni, casa</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/wget-command-linux-unix">Comando Wget in Linux/Unix</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/operator-sql">Operatore AND e OR in SQL</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-delete-duplicate-rows-sql">Come eliminare le righe duplicate in SQL?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/top-10-longest-nonstop-flights-world-2024">I 10 voli diretti più lunghi al mondo nel 2024</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="/atoi-function-c">atoi c</a>
</li><li><a href="/java-convert-string-int">java mescolando a int</a>
</li><li><a href="/how-center-images-css">centra l'immagine nel css</a>
</li><li><a href="/candidate-key-dbms">chiave candidata</a>
</li><li><a href="/uninstall-reinstall-angular-cli">disinstallare angolare cli</a>
</li><li><a href="/k-nearest-neighbor-algorithm">k il vicino più vicino</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="//cs.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>