JavaScript new Map() 方法

课程表

JS 参考手册

JavaScript

Window

HTML DOM

Web API

HTML 对象

- </a></li> <li><a href="/ha/jsref/dom_obj_image.html" title="Obaje Image na DOM na HTML"><img></a></li> <li><a href="/ha/jsref/dom_obj_ins.html" title="Obaje Ins na DOM na HTML"><ins></a></li> <li><a href="/ha/jsref/dom_obj_button.html" title="HTML DOM Button ƙarƙaɗa"><input> button</a></li> <li><a href="/ha/jsref/dom_obj_checkbox.html" title="HTML DOM Checkbox ƙarƙaɗa"><input> checkbox</a></li> <li><a href="/ha/jsref/dom_obj_color.html" title="HTML DOM Color ƙarƙaɗa"><input> color</a></li> <li><a href="/ha/jsref/dom_obj_date.html" title="HTML DOM Date ƙarƙaɗa"><input> date</a></li> <li><a href="/ha/jsref/dom_obj_datetime.html" title="HTML DOM Datetime ƙarƙaɗa"><input> datetime</a></li> <li><a href="/ha/jsref/dom_obj_datetime-local.html" title="HTML DOM DatetimeLocal ƙarƙaɗa"><input> datetime-local</a></li> <li><a href="/ha/jsref/dom_obj_email.html" title="HTML DOM Email ƙarƙaɗa"><input> email</a></li> <li><a href="/ha/jsref/dom_obj_fileupload.html" title="HTML DOM FileUpload ƙarƙaɗa"><input> file</a></li> <li><a href="/ha/jsref/dom_obj_hidden.html" title="HTML DOM Hidden ƙarƙaɗa"><input> hidden</a></li> <li><a href="/ha/jsref/dom_obj_input_image.html" title="HTML DOM Image ƙarƙaɗa"><input> image</a></li> <li><a href="/ha/jsref/dom_obj_month.html" title="HTML DOM Month ƙarƙaɗa"><input> month</a></li> <li><a href="/ha/jsref/dom_obj_number.html" title="HTML DOM Number ƙarƙaɗa"><input> number</a></li> <li><a href="/ha/jsref/dom_obj_password.html" title="HTML DOM Password ƙarƙaɗa"><input> password</a></li> <li><a href="/ha/jsref/dom_obj_radio.html" title="HTML DOM Radio ƙarƙaɗa"><input> radio</a></li> <li><a href="/ha/jsref/dom_obj_range.html" title="HTML DOM Range ƙarƙaɗa"><input> range</a></li> <li><a href="/ha/jsref/dom_obj_reset.html" title="HTML DOM Reset ƙarƙaɗa"><input> reset</a></li> <li><a href="/ha/jsref/dom_obj_search.html" title="HTML DOM Search ƙarƙaɗa"><input> search</a></li> <li><a href="/ha/jsref/dom_obj_submit.html" title="HTML DOM Submit ƙarƙaɗa"><input> submit</a></li> <li><a href="/ha/jsref/dom_obj_text.html" title="HTML DOM Text ƙarƙaɗa"><input> text</a></li> <li><a href="/ha/jsref/dom_obj_input_time.html" title="HTML DOM Time ƙarƙaɗa"><input> time</a></li> <li><a href="/ha/jsref/dom_obj_url.html" title="HTML DOM URL ƙarƙaɗa"><input> url</a></li> <li><a href="/ha/jsref/dom_obj_week.html" title="HTML DOM Week ƙarƙaɗa"><input> week</a></li> <li><a href="/ha/jsref/dom_obj_kbd.html" title="HTML DOM Kbd ƙarƙaɗa"><kbd></a></li> <li><a href="/ha/jsref/dom_obj_label.html" title="HTML DOM Label ƙarƙaɗa"><label></a></li> <li><a href="/ha/jsref/dom_obj_legend.html" title="HTML DOM Legend ƙarƙaɗa"><legend></a></li> <li><a href="/ha/jsref/dom_obj_li.html" title="HTML DOM Li ƙarƙaɗa"><li></a></li> <li><a href="/ha/jsref/dom_obj_link.html" title="HTML DOM Link ƙarƙaɗa"><link></a></li> <li><a href="/ha/jsref/dom_obj_map.html" title="HTML DOM Map ƙarƙaɗa"><map></a></li> <li><a href="/ha/jsref/dom_obj_mark.html" title="HTML DOM Mark ƙarƙaɗa"><mark></a></li> <li><a href="/ha/jsref/dom_obj_menu.html" title="HTML DOM Menu ƙarƙaɗa"><menu></a></li> <li><a href="/ha/jsref/dom_obj_menuitem.html" title="HTML DOM MenuItem ƙarƙaɗa"><menuitem></a></li> <li><a href="/ha/jsref/dom_obj_meta.html" title="HTML DOM Meta ƙarƙaɗa"><meta></a></li> <li><a href="/ha/jsref/dom_obj_meter.html" title="HTML DOM Meter ƙarƙaɗa"><meter></a></li> <li><a href="/ha/jsref/dom_obj_nav.html" title="HTML DOM Nav ƙarƙaɗa"><nav></a></li> <li><a href="/ha/jsref/dom_obj_object.html" title="HTML DOM Object ƙarƙaɗa"><object></a></li> <li><a href="/ha/jsref/dom_obj_ol.html" title="HTML DOM Ol ƙarƙaɗa"><ol></a></li> <li><a href="/ha/jsref/dom_obj_optgroup.html" title="HTML DOM OptionGroup ƙarƙaɗa"><optgroup></a></li> <li><a href="/ha/jsref/dom_obj_option.html" title="HTML DOM Option ƙarƙaɗa"><option></a></li> <li><a href="/ha/jsref/dom_obj_output.html" title="HTML DOM Output ƙarƙaɗa"><output></a></li> <li><a href="/ha/jsref/dom_obj_paragraph.html" title="HTML DOM Paragraph ƙarƙaɗa"><p></a></li> <li><a href="/ha/jsref/dom_obj_param.html" title="HTML DOM Parameter ƙarƙaɗa"><param></a></li> <li><a href="/ha/jsref/dom_obj_pre.html" title="HTML DOM Pre ƙarƙaɗa"><pre></a></li> <li><a href="/ha/jsref/dom_obj_progress.html" title="HTML DOM Progress ƙarƙaɗa"><progress></a></li> <li><a href="/ha/jsref/dom_obj_quote.html" title="HTML DOM Quote ƙarƙaɗa"><q></a></li> <li><a href="/ha/jsref/dom_obj_s.html" title="HTML DOM S objektin"><s></a></li> <li><a href="/ha/jsref/dom_obj_samp.html" title="HTML DOM Samp objektin"><samp></a></li> <li><a href="/ha/jsref/dom_obj_script.html" title="HTML DOM Script objektin"><script></a></li> <li><a href="/ha/jsref/dom_obj_section.html" title="HTML DOM Section objektin"><section></a></li> <li><a href="/ha/jsref/dom_obj_select.html" title="HTML DOM Select objektin"><select></a></li> <li><a href="/ha/jsref/dom_obj_small.html" title="HTML DOM Small objektin"><small></a></li> <li><a href="/ha/jsref/dom_obj_source.html" title="HTML DOM Source objektin"><source></a></li> <li><a href="/ha/jsref/dom_obj_span.html" title="HTML DOM Span objektin"><span></a></li> <li><a href="/ha/jsref/dom_obj_strong.html" title="HTML DOM Strong objektin"><strong></a></li> <li><a href="/ha/jsref/dom_obj_sub.html" title="HTML DOM Subscript objektin"><sub></a></li> <li><a href="/ha/jsref/dom_obj_summary.html" title="HTML DOM Summary objektin"><summary></a></li> <li><a href="/ha/jsref/dom_obj_sup.html" title="HTML DOM Superscript objektin"><sup></a></li> <li><a href="/ha/jsref/dom_obj_table.html" title="HTML DOM Table objektin"><table></a></li> <li><a href="/ha/jsref/dom_obj_tbody.html" title="HTML DOM TBody objektin"><tbody></a></li> <li><a href="/ha/jsref/dom_obj_tabledata.html" title="HTML DOM TableData objektin"><td></a></li> <li><a href="/ha/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot objektin"><tfoot></a></li> <li><a href="/ha/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader objektin"><th></a></li> <li><a href="/ha/jsref/dom_obj_thead.html" title="HTML DOM THead objektin"><thead></a></li> <li><a href="/ha/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow objektin"><tr></a></li> <li><a href="/ha/jsref/dom_obj_textarea.html" title="HTML DOM Textarea objektin"><textarea></a></li> <li><a href="/ha/jsref/dom_obj_time.html" title="HTML DOM Time objektin"><time></a></li> <li><a href="/ha/jsref/dom_obj_title.html" title="HTML DOM Title objektin"><title></a></li> <li><a href="/ha/jsref/dom_obj_track.html" title="HTML DOM Track objektin"><track></a></li> <li><a href="/ha/jsref/dom_obj_u.html" title="HTML DOM Underline objektin"><u></a></li> <li><a href="/ha/jsref/dom_obj_ul.html" title="HTML DOM Ul objektin"><ul></a></li> <li><a href="/ha/jsref/dom_obj_var.html" title="HTML DOM Variable objektin"><var></a></li> <li><a href="/ha/jsref/dom_obj_video.html" title="HTML DOM Video objektin"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ha/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration objektin">CSSStyleDeclaration</a></li> <li><a href="/ha/jsref/jsref_type_conversion.html" title="JavaScript type conversion">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ha/howto/index.html" title="CodeW3C.com kudiya">CodeW3C.com kudiya</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>JavaScript new Map()</h1> <div class="prenextnav-ref"> <ul> <li> Previous page <a href="/ha/jsref/jsref_map_new.html" title="JavaScript new Map()">new Map()</a></li> <li> Next page <a href="/ha/jsref/jsref_map_clear.html" title="JavaScript Map clear() method">clear()</a></li> <li> Go back to the previous level <a href="/ha/jsref/jsref_obj_map.html" title="JavaScript Map Reference Nuna">JavaScript Map Reference Nuna</a></li> </ul> </div> <section> <h2>定义和用法</h2> <p><code>new Map()</code> 构造函数用于创建 Map 对象。</p> </section> <section class="note"> <h2>注意</h2> <p>Map 对象只能通过 <code>new Map()</code> 来构造。</p> </section> <section> <h2>实例</h2> <h3>例子 1</h3> <p>通过向 <code>new Map()</code> 构造函数传递一个数组来创建 Map 对象：</p> <pre class="language-js"> // 创建一个 Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ["oranges", 200] ]); </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsref_map_create_array">亲自试一试</a></p> <h3>例子 2</h3> <p>创建一个新的 Map 对象并使用 <code>set()</code> 方法添加元素：</p> <pre class="language-js"> // 创建一个 Map const fruits = new Map(); // 设置 Map 的值 fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200); </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsref_map_set_new">亲自试一试</a></p> </section> <section> <h2>语法</h2> new Map(<i>iterable</i>) <h3>参数</h3> <table class="parameter"> <tr> <th style="width: 25%;">参数</th> <th>描述</th> </tr> <tr> <td><i>iterable</i></td> <td>可选。一个包含键值对的可迭代对象。</td> </tr> </table> <h3>返回值</h3> <table class="technical-details"> <tr> <th style="width: 25%;">类型</th> <th>描述</th> </tr> <tr> <td>Object</td> <td>新的 Map 对象。</td> </tr> </table> </section> <section> <h2>浏览器支持</h2> <p>Map 是 ECMAScript6 (ES6) 的特性。</p> <p>自 2017 年 6 月起，所有现代浏览器均支持 ES6（JavaScript 2015）：</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome 51</td> <td>Edge 15</td> <td>Firefox 54</td> <td>Safari 10</td> <td>Opera 38</td> </tr> <tr> <td>2016 ƙasarwarin ƙarfin</td> <td>2017 ƙasarwarin ƙarfin</td> <td>June 2017</td> <td>September 2016</td> <td>June 2016</td> </tr> </table> <p>Map is not supported in Internet Explorer.</p> </section> <section class="related-pages"> <h2>Related pages</h2> <p>Tutorial:<a href="/ha/js/js_maps.html" title="">JavaScript Map</a></p> <p>Tutorial:<a href="/ha/js/js_iterables.html" title="">JavaScript iterable object</a></p> <p>Reference:<a href="/ha/jsref/jsref_obj_map.html" title="">JavaScript Map</a></p> </section> <div class="prenextnav-ref"> <ul> <li> Previous page <a href="/ha/jsref/jsref_map_new.html" title="JavaScript new Map()">new Map()</a></li> <li> Next page <a href="/ha/jsref/jsref_map_clear.html" title="JavaScript Map clear() method">clear()</a></li> <li> Go back to the previous level <a href="/ha/jsref/jsref_obj_map.html" title="JavaScript Map Reference Nuna">JavaScript Map Reference Nuna</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Toolbox </center><h3> <h5 id="tools_reference"><a href="/ha/jsref/index.html">JavaScript da HTML DOM Reference Nuna</a></h5> <h5 id="tools_example"><a href="/ha/js/js_examples.html">JavaScript example</a></h5> <h5 id="tools_quiz"><a href="/ha/js/js_quiz.html">JavaScript quiz</a></h5> <h5 id="tools_tutorial"><a href="/ha/js/index.html">JavaScript tutorial</a></h5> </div> <div><h3><center> Sponsor links </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> The content provided by CodeW3C.com is for training and testing purposes only and does not guarantee the accuracy of the content. The risks associated with the use of this site's content are not related to this site. All rights reserved. </p> <p id="p2"> <a href="/ha/about/index.html" title="About CodeW3C.com">About CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="Help CodeW3C.com">Help CodeW3C.com</a> <a href="/ha/about/about_use.html" title="About usage">Terms of use</a> <a href="/ha/about/about_privacy.html" title="About privacy">Privacy terms</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Iya da Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>