JavaScript Map.groupBy() Method

Schedule

JS Reference Manual

JavaScript

Window

HTML DOM

Web API

موضوع HTML

</a></li> <li><a href="/fa/jsref/dom_obj_time.html" title="عنصر Time DOM HTML"><time></a></li> <li><a href="/fa/jsref/dom_obj_title.html" title="عنصر Title DOM HTML"><title></a></li> <li><a href="/fa/jsref/dom_obj_track.html" title="عنصر Track DOM HTML"><track></a></li> <li><a href="/fa/jsref/dom_obj_u.html" title="عنصر Underline DOM HTML"><u></a></li> <li><a href="/fa/jsref/dom_obj_ul.html" title="عنصر Ul DOM HTML"><ul></a></li> <li><a href="/fa/jsref/dom_obj_var.html" title="عنصر Variable DOM HTML"><var></a></li> <li><a href="/fa/jsref/dom_obj_video.html" title="عنصر Video DOM HTML"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/fa/jsref/obj_cssstyledeclaration.html" title="عنصر CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/fa/jsref/jsref_type_conversion.html" title="تغییر نوع JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/fa/howto/index.html" title="جعبه ابزار CodeW3C.com">جعبه ابزار CodeW3C.com</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 Map.groupBy()</h1> <div class="prenextnav-ref"> <ul> <li> صفحه قبلی <a href="/fa/jsref/jsref_map_get.html" title="مетод get() در JavaScript Map">get()</a></li> <li> صفحه بعدی <a href="/fa/jsref/jsref_map_has.html" title="مетод has() در JavaScript Map">has()</a></li> <li> بازگشت به لایه بالاتر <a href="/fa/jsref/jsref_obj_map.html" title="دستورالعمل‌های مرجع Map JavaScript">دستورالعمل‌های مرجع Map JavaScript</a></li> </ul> </div> <section> <h2>定义和用法</h2> <p><code>Map.groupBy()</code> 方法根据回调函数返回的字符串值对对象的元素进行分组。</p> <p><code>Map.groupBy()</code> 方法不会改变原始对象。</p> </section> <section> <h2>实例</h2> <pre class="language-js"> // 创建一个数组 const fruits = [ {name:"apples", quantity:300}, {name:"bananas", quantity:500}, {name:"oranges", quantity:200}, {name:"kiwi", quantity:150} // تابع بازگشتی برای گروه‌بندی عناصر function myCallback({ quantity }) { return quantity > 200 ? "ok" : "low"; } // گروه‌بندی بر اساس تعداد const result = Map.groupBy(fruits, myCallback); </pre> <p class="tiy"><a target="_blank" href="/fa/tiy/t.html?f=jsref_map_groupby">آزمایش شخصی کنید</a></p> </section> <section class="note"> <h2>توجه:</h2> <p>عناصر در اشیاء اصلی و بازگشتی مشابه هستند.</p> <p>تغییرات در هر یک از اشیاء در اشیا دیگر نمایش داده می‌شود.</p> </section> <section> <h2>تفاوت Object.groupBy() و Map.groupBy()</h2> <p><code>Object.groupBy()</code> و <code>Map.groupBy()</code> تفاوت‌ها در:</p> <p><code>Object.groupBy()</code> عناصر را به یک شیء JavaScript گروه‌بندی می‌کند.</p> <p><code>Map.groupBy()</code> عناصر را به یک شیء Map گروه‌بندی می‌کند.</p> </section> <section> <h2>نحوه استفاده</h2> <pre class="language-js"> Map.groupBy(<i>iterable</i>, <i>callback</i>) </pre> <h3>پارامتر</h3> <table class="parameter"> <tr> <th style="width: 25%;">پارامتر</th> <th>توضیح</th> </tr> <tr> <td><i>iterable</i></td> <td>ضروری. یک آرایه قابل مرور یا Map.</td> </tr> <tr> <td><i>callback</i></td> <td> <p>ضروری. تابعی که برای هر عنصر اجرا می‌شود.</p> <p>این تابع باید نام گروه‌بندی شده عناصر را بازگرداند.</p> </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><code>Map.groupBy()</code> ویژگی ES2024 است.</p> <p>از تاریخ ۲۰۲۴/۰۳/۰۱، همه مرورگرهای مدرن به طور کامل از:</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 117</td> <td>Edge 117</td> <td>Firefox 119</td> <td>Safari 17.4</td> <td>Opera 103</td> </tr> <tr> <td>ماه سپتامبر 2023</td> <td>ماه سپتامبر 2023</td> <td>ماه اکتبر 2023</td> <td>ماه اکتبر 2024</td> <td>ماه مه 2023</td> </tr> </table> </section> <div class="prenextnav-ref"> <ul> <li> صفحه قبلی <a href="/fa/jsref/jsref_map_get.html" title="مетод get() در JavaScript Map">get()</a></li> <li> صفحه بعدی <a href="/fa/jsref/jsref_map_has.html" title="مетод has() در JavaScript Map">has()</a></li> <li> بازگشت به لایه بالاتر <a href="/fa/jsref/jsref_obj_map.html" title="دستورالعمل‌های مرجع Map JavaScript">دستورالعمل‌های مرجع Map JavaScript</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> ابزارخانه </center><h3> <h5 id="tools_reference"><a href="/fa/jsref/index.html">دستورالعمل‌های مرجع JavaScript و HTML DOM</a></h5> <h5 id="tools_example"><a href="/fa/js/js_examples.html">مثال‌های JavaScript</a></h5> <h5 id="tools_quiz"><a href="/fa/js/js_quiz.html">آزمون JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/fa/js/index.html">آموزش JavaScript</a></h5> </div> <div><h3><center> لینک‌های اسپانسر </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> محتوای ارائه شده توسط CodeW3C.com تنها برای آموزش و تست است و صحت آن تضمین نمی‌شود. ریسک‌های ناشی از استفاده از محتوای این سایت با این سایت هیچ ارتباطی ندارد. تمام حقوق محفوظ است. </p> <p id="p2"> <a href="/fa/about/index.html" title="درباره CodeW3C.com">درباره CodeW3C.com</a> <a href="/fa/about/about_helping.html" title="کمک CodeW3C.com">کمک CodeW3C.com</a> <a href="/fa/about/about_use.html" title="درباره استفاده">شرایط استفاده</a> <a href="/fa/about/about_privacy.html" title="درباره حریم خصوصی">شرایط حریم خصوصی</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="برایت توسط Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>