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> <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="">Categoria</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/bit-magic/">Un po' di magia</a> </li><li> <a href="/data-mining/">Estrazione Dei Dati</a> </li><li> <a href="/data-science/">Scienza Dei Dati</a> </li><li> <a href="/python-pandas-dataframe/">Python Panda-Dataframe</a> </li><li> <a href="/dsa/">DSA</a> </li><li> <a href="/java-array-programs/">Programmi Array Java</a> </li><li> <a href="/max-heap/">Heap Massimo</a> </li><li> <a href="/prime-number/">Numero Primo</a> </li><li> <a href="/c-static-keyword/">Parola Chiave Statica C++</a> </li><li> <a href="/spotlight/">Riflettore</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">I principi dell'informatica AP sono difficili?</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> AP Principi di informatica è facile o difficile? Questa lezione è leggermente diversa dagli altri AP, ma la nostra guida esperta spiegherà cosa aspettarsi.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/is-ap-computer-science-principles-hard-131936"> <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="/top-10-largest-freshwater-lakes-world">I 10 laghi d'acqua dolce più grandi del mondo</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/scalar-vector">Scalare e vettoriale</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-sign-up-act-1311580">Come iscriversi all'ACT: trucchi e suggerimenti</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/ajay-devgn">Ajay Devgn</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/early-decision-schools-131580">Scuole di decisione anticipata: elenco completo dei college ED</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="/an-array-strings-c">matrice c stringa</a>
</li><li><a href="/php-variables">differenza tra $ e $$</a>
</li><li><a href="/rename-folder-linux">rinominare la directory linux</a>
</li><li><a href="/how-check-data-type-java">tipo Java di variabile</a>
</li><li><a href="/how-sort-an-array-java">ordina l'array java</a>
</li><li><a href="/difference-between-mb">qual è la differenza tra un megabyte e un gigabyte</a>
</li><li><a href="/java-convert-int-string">numero da stringare java</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="//fi.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>