CodeW3C Tattakiyarce
Tattakiyarce HTML
浏览器脚本
服务器脚本
Tattakiyarce Tattakiyarce
Tattakiyarce XML
Kita Koyarce
Kita Koyarce
课程表
JS 参考手册
JS 参考手册（类别排序）
JS 参考手册（字母排序）
JavaScript
JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS String
JS 对象
JS 运算符
JS 运算符优先级
JS 语句
JS 类型化数组
Window
Obhaji Window
Window Console
Window History
Window Location
Window Navigator
Window Screen
HTML DOM
HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event 对象
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style
Web API
API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API MediaQueryList
API Storage
API Validation
API Web
HTML 对象
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
</a></li> <li><a href="/ha/jsref/dom_obj_time.html" title="HTML DOM Time ɗanar"><time></a></li> <li><a href="/ha/jsref/dom_obj_title.html" title="HTML DOM Title ɗanar"><title></a></li> <li><a href="/ha/jsref/dom_obj_track.html" title="HTML DOM Track ɗanar"><track></a></li> <li><a href="/ha/jsref/dom_obj_u.html" title="HTML DOM Underline ɗanar"><u></a></li> <li><a href="/ha/jsref/dom_obj_ul.html" title="HTML DOM Ul ɗanar"><ul></a></li> <li><a href="/ha/jsref/dom_obj_var.html" title="HTML DOM Variable ɗanar"><var></a></li> <li><a href="/ha/jsref/dom_obj_video.html" title="HTML DOM Video ɗanar"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ha/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ɗanar">CSSStyleDeclaration</a></li> <li><a href="/ha/jsref/jsref_type_conversion.html" title="JavaScript ɗanar yin fassara">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ha/howto/index.html" title="CodeW3C.com ɗanar Batai">CodeW3C.com ɗanar Batai</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 Object.groupBy()</h1> <div class="prenextnav-ref"> <ul> <li> Duba ɗanar <a href="/ha/jsref/jsref_object_getownpropertynames.html" title="JavaScript Object.getOwnPropertyNames() ɗanar">getOwnPropertyNames()</a></li> <li> Duba ɗanar <a href="/ha/jsref/jsref_object_isextensible.html" title="JavaScript Object.isExtensible() ɗanar">isExtensible()</a></li> <li> Yiwa ɗanar <a href="/ha/jsref/jsref_obj_object.html" title="JavaScript ɗanar kira">JavaScript ɗanar kira</a></li> </ul> </div> <section> <h2>定义和用法</h2> <p><code>Object.groupBy()</code> 方法根据回调函数返回的字符串值对对象的元素进行分组。</p> <p><code>Object.groupBy()</code> 方法不会改变原始对象。</p> </section> <section class="note"> <h2>注意</h2> <p>原始对象和返回对象中的元素是相同的。</p> <p>对任一对象的更改都会反映在另一个对象中。</p> <h3>Object.groupBy() 与 Map.groupBy() 的区别</h3> <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"> // 创建一个数组 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 = Object.groupBy(fruits, myCallback); </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsref_object_groupby">亲自试一试</a></p> </section> <section> <h2>语法</h2> <pre class="language-js"> Object.groupBy(<i>iterable</i>, <i>callback</i>) </pre> <h3>参数</h3> <table class="parameter"> <tr> <th style="width: 25%;">参数</th> <th>ba'a nuna</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>kwallon a cikin hanyar da zai kuma a cikin hanyar da zai</h3> <table class="technical-details"> <tr> <th style="width: 25%;">farin ciki</th> <th>ba'a nuna</th> </tr> <tr> <td>Iterator</td> <td>kuma saukiyar kewayi da kewayen yankin da za a kewaye.</td> </tr> </table> </section> <section> <h2>saukiyar kewayi</h2> <p><code>Object.groupBy()</code> wannan ne shafin ES2024.</p> <p>A kai 2024 watanin maa, dukkanin kowa kuma suka samun a kaiwa kaiwa a hukumance kuma a hukumance:</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 Shekarun 9</td> <td>2023 Shekarun 9</td> <td>2023 Shekarun 10</td> <td>2024 Shekarun 10</td> <td>2023 Shekarun 5</td> </tr> </table> </section> <div class="prenextnav-ref"> <ul> <li> Duba ɗanar <a href="/ha/jsref/jsref_object_getownpropertynames.html" title="JavaScript Object.getOwnPropertyNames() ɗanar">getOwnPropertyNames()</a></li> <li> Duba ɗanar <a href="/ha/jsref/jsref_object_isextensible.html" title="JavaScript Object.isExtensible() ɗanar">isExtensible()</a></li> <li> Yiwa ɗanar <a href="/ha/jsref/jsref_obj_object.html" title="JavaScript ɗanar kira">JavaScript ɗanar kira</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Adabi ɗanar </center><h3> <h5 id="tools_reference"><a href="/ha/jsref/index.html">Kita Koyarce JavaScript da HTML DOM</a></h5> <h5 id="tools_example"><a href="/ha/js/js_examples.html">JavaScript ɗanar da ɗanar</a></h5> <h5 id="tools_quiz"><a href="/ha/js/js_quiz.html">JavaScript ɗanar da ɗanar</a></h5> <h5 id="tools_tutorial"><a href="/ha/js/index.html">JavaScript ɗanar da koyarwa</a></h5> </div> <div><h3><center> Rarraba ɗanar </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ɗanar yin gudanar da koyarwa da ɗanar da ɗanar da ɗanar. ɗanar a baya ba a ɗanar ɗanar ba. ɗanar ba da girmamawa kan ɗanar ba da suka shi. ɗanar ba da ɗanar ba. Copyright reserved, all rights reserved. </p> <p id="p2"> <a href="/ha/about/index.html" title="Babban kanin CodeW3C.com">Babban kanin CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="Nuna kanin CodeW3C.com">Nuna kanin CodeW3C.com</a> <a href="/ha/about/about_use.html" title="Nuna kanin ɗanar">Shirin ɗanar</a> <a href="/ha/about/about_privacy.html" title="Nuna kanin ɗanar">Kwararriki ɗanar</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="Rantici ne Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>