JavaScript Map.groupBy() Method

Time Table

JS Reference Manual

JavaScript

Window

HTML DOM

Web API

HTML کائنات

</a></li> <li><a href="/ur/jsref/dom_obj_time.html" title="HTML DOM Time اُبجیکٹ"><time></a></li> <li><a href="/ur/jsref/dom_obj_title.html" title="HTML DOM Title اُبجیکٹ"><title></a></li> <li><a href="/ur/jsref/dom_obj_track.html" title="HTML DOM Track اُبجیکٹ"><track></a></li> <li><a href="/ur/jsref/dom_obj_u.html" title="HTML DOM Underline اُبجیکٹ"><u></a></li> <li><a href="/ur/jsref/dom_obj_ul.html" title="HTML DOM Ul اُبجیکٹ"><ul></a></li> <li><a href="/ur/jsref/dom_obj_var.html" title="HTML DOM Variable اُبجیکٹ"><var></a></li> <li><a href="/ur/jsref/dom_obj_video.html" title="HTML DOM Video اُبجیکٹ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ur/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration اُبجیکٹ">CSSStyleDeclaration</a></li> <li><a href="/ur/jsref/jsref_type_conversion.html" title="JavaScript کی نوع تبدیلی">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ur/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="/ur/jsref/jsref_map_get.html" title="JavaScript Map get() میتود">پچھلے پیغام</a></li> <li> بعد کا پیغام <a href="/ur/jsref/jsref_map_has.html" title="JavaScript Map has() میتود">has()</a></li> <li> پچھلے سائٹ پر واپس <a href="/ur/jsref/jsref_obj_map.html" title="جاوااسکریپت ماپ مراجع دفتر دستور">جاوااسکریپت ماپ مراجع دفتر دستور</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="/ur/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>از 2024 ستمبر شروع می‌شود، تمامی مرورگرهای مدرن به طور کامل از آن حمایت می‌کنند:</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="/ur/jsref/jsref_map_get.html" title="JavaScript Map get() میتود">پچھلے پیغام</a></li> <li> بعد کا پیغام <a href="/ur/jsref/jsref_map_has.html" title="JavaScript Map has() میتود">has()</a></li> <li> پچھلے سائٹ پر واپس <a href="/ur/jsref/jsref_obj_map.html" title="جاوااسکریپت ماپ مراجع دفتر دستور">جاوااسکریپت ماپ مراجع دفتر دستور</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="/ur/jsref/index.html">جاوااسکریپت اور ایچ تی ایم ال DOM مراجع دفتر دستور</a></h5> <h5 id="tools_example"><a href="/ur/js/js_examples.html">JavaScript مثال</a></h5> <h5 id="tools_quiz"><a href="/ur/js/js_quiz.html">JavaScript امتحان</a></h5> <h5 id="tools_tutorial"><a href="/ur/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="/ur/about/index.html" title="کمپنی CodeW3C.com کا بار">کمپنی CodeW3C.com کا بار</a> <a href="/ur/about/about_helping.html" title="کمپنی CodeW3C.com کی مدد">کمپنی CodeW3C.com کی مدد</a> <a href="/ur/about/about_use.html" title="استفاده کا بار">استفاده شرط</a> <a href="/ur/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="پاورڈ بے سی 4 ای ای"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>