Phương thức groupBy() của JavaScript Map

Bảng lịch

Tài liệu tham khảo JS

JavaScript

Window

DOM HTML

Web API

HTML đối tượng

</a></li> <li><a href="/vi/jsref/dom_obj_time.html" title="Đối tượng Time HTML DOM"><time></a></li> <li><a href="/vi/jsref/dom_obj_title.html" title="Đối tượng Title HTML DOM"><title></a></li> <li><a href="/vi/jsref/dom_obj_track.html" title="Đối tượng Track HTML DOM"><track></a></li> <li><a href="/vi/jsref/dom_obj_u.html" title="Đối tượng Underline HTML DOM"><u></a></li> <li><a href="/vi/jsref/dom_obj_ul.html" title="Đối tượng Ul HTML DOM"><ul></a></li> <li><a href="/vi/jsref/dom_obj_var.html" title="Đối tượng Variable HTML DOM"><var></a></li> <li><a href="/vi/jsref/dom_obj_video.html" title="Đối tượng Video HTML DOM"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/vi/jsref/obj_cssstyledeclaration.html" title="Đối tượng CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/vi/jsref/jsref_type_conversion.html" title="Chuyển đổi loại JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/vi/howto/index.html" title="Bảo tàng CodeW3C.com">Bảo tàng 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> Trang trước <a href="/vi/jsref/jsref_map_get.html" title="Phương thức get() của JavaScript Map">get()</a></li> <li> Trang tiếp theo <a href="/vi/jsref/jsref_map_has.html" title="Phương thức has() của JavaScript Map">has()</a></li> <li> Quay lại lớp trên <a href="/vi/jsref/jsref_obj_map.html" title="Sách tham khảo JavaScript Map">Sách tham khảo JavaScript Map</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} // Hàm回调 để nhóm phần tử function myCallback({ quantity }) { return quantity > 200 ? "ok" : "low"; } // Nhóm theo số lượng const result = Map.groupBy(fruits, myCallback); </pre> <p class="tiy"><a target="_blank" href="/vi/tiy/t.html?f=jsref_map_groupby">Thử ngay</a></p> </section> <section class="note"> <h2>Lưu ý</h2> <p>Các phần tử trong đối tượng ban đầu và đối tượng trả về là giống nhau.</p> <p>Mọi thay đổi đối với một đối tượng sẽ phản ánh vào đối tượng khác.</p> </section> <section> <h2>Sự khác biệt giữa Object.groupBy() và Map.groupBy()</h2> <p><code>Object.groupBy()</code> và <code>Map.groupBy()</code> Sự khác biệt ở chỗ:</p> <p><code>Object.groupBy()</code> Nhóm các phần tử vào đối tượng JavaScript.</p> <p><code>Map.groupBy()</code> Nhóm các phần tử vào đối tượng Map.</p> </section> <section> <h2>Cú pháp</h2> <pre class="language-js"> Map.groupBy(<i>iterable</i>, <i>callback</i>) </pre> <h3>Tham số</h3> <table class="parameter"> <tr> <th style="width: 25%;">Tham số</th> <th>Mô tả</th> </tr> <tr> <td><i>iterable</i></td> <td>Định nghĩa. Mảng hoặc Map có thể lặp lại.</td> </tr> <tr> <td><i>callback</i></td> <td> <p>Định nghĩa. Hàm được thực hiện cho mỗi phần tử.</p> <p>Hàm này nên trả về tên nhóm phần tử.</p> </td> </tr> </table> <h3>Giá trị trả về</h3> <table class="technical-details"> <tr> <th style="width: 25%;">Loại</th> <th>Mô tả</th> </tr> <tr> <td>Object</td> <td>Chứa đối tượng Map chứa các phần tử nhóm.</td> </tr> </table> </section> <section> <h2>Hỗ trợ trình duyệt</h2> <p><code>Map.groupBy()</code> Là tính năng của ES2024.</p> <p>Từ tháng 3 năm 2024, tất cả các trình duyệt hiện đại đều hỗ trợ hoàn toàn:</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>Tháng 9 năm 2023</td> <td>Tháng 9 năm 2023</td> <td>Tháng 10 năm 2023</td> <td>Tháng 10 năm 2024</td> <td>Tháng 5 năm 2023</td> </tr> </table> </section> <div class="prenextnav-ref"> <ul> <li> Trang trước <a href="/vi/jsref/jsref_map_get.html" title="Phương thức get() của JavaScript Map">get()</a></li> <li> Trang tiếp theo <a href="/vi/jsref/jsref_map_has.html" title="Phương thức has() của JavaScript Map">has()</a></li> <li> Quay lại lớp trên <a href="/vi/jsref/jsref_obj_map.html" title="Sách tham khảo JavaScript Map">Sách tham khảo JavaScript Map</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Công cụ </center><h3> <h5 id="tools_reference"><a href="/vi/jsref/index.html">Sách tham khảo JavaScript và HTML DOM</a></h5> <h5 id="tools_example"><a href="/vi/js/js_examples.html">Mẫu JavaScript</a></h5> <h5 id="tools_quiz"><a href="/vi/js/js_quiz.html">Bài kiểm tra JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/vi/js/index.html">Giáo trình JavaScript</a></h5> </div> <div><h3><center> Liên kết nhà tài trợ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Nội dung mà CodeW3C.com cung cấp chỉ dành cho đào tạo và kiểm tra, không đảm bảo tính chính xác của nội dung. Rủi ro phát sinh từ việc sử dụng nội dung của trang này không liên quan đến trang này. Bảo quyền sở hữu, giữ lại tất cả quyền lợi. </p> <p id="p2"> <a href="/vi/about/index.html" title="Về CodeW3C.com">Về CodeW3C.com</a> <a href="/vi/about/about_helping.html" title="Trợ giúp CodeW3C.com">Trợ giúp CodeW3C.com</a> <a href="/vi/about/about_use.html" title="Về việc sử dụng">Điều khoản sử dụng</a> <a href="/vi/about/about_privacy.html" title="Về quyền riêng tư">Điều khoản quyền riêng tư</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="Bị động bởi Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>