blocks|key|838423|text|您可以使用对象来存储同名的元素，从而执行约简操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|838424|​|838425|const+arr+=+[{name:+"audio",+options:{name:'true',+value:+'T'}},
{name:+"audio",+options:{name:'false',+value:+'F'}},
{name:+"audio",+options:{name:'yes',+value:+'Y'}},
{name:+"video",+options:{name:'true',+value:+'T'}},
{name:+"video",+options:{name:'yes',+value:+'Y'}},
{name:+"video",+options:{name:'false',+value:+'F'}},
{name:+"call",+options:{name:'true',+value:+'T'}},
{name:+"call",+options:{name:'No',+value:+'N'}},
{name:+"call",+options:{name:'false',+value:+'F'}}];
const+res+=+Object.values(arr.reduce((acc,{name,+options})=>{
++acc[name]+=+acc[name]+%7C%7C+{name,+options:+[]};
++acc[name].options.push(options);
++return+acc;
},+{}));
console.log(res);|code-block|syntax|javascript|838426|838427|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>You can perform a reduce operation using an object to store elements with the same name.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const arr = [{name: "audio", options:{name:'true', value: 'T'}},
{name: "audio", options:{name:'false', value: 'F'}},
{name: "audio", options:{name:'yes', value: 'Y'}},
{name: "video", options:{name:'true', value: 'T'}},
{name: "video", options:{name:'yes', value: 'Y'}},
{name: "video", options:{name:'false', value: 'F'}},
{name: "call", options:{name:'true', value: 'T'}},
{name: "call", options:{name:'No', value: 'N'}},
{name: "call", options:{name:'false', value: 'F'}}];
const res = Object.values(arr.reduce((acc,{name, options})=&gt;{
  acc[name] = acc[name] || {name, options: []};
  acc[name].options.push(options);
  return acc;
}, {}));
console.log(res);</code></pre>
</div>
</div>
</p>


blocks|key|838467|text|使用reduce是正确的，但是您可以减少项目并将其推到Array上，这样可以为您提供所需的输出，而不是还原为Object：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|838468|this.optionsArr.reduce((p,+c)+=>+{
+++if+(!p.some(a+=>+a.name+===+c.name))+{
++++++++p.push({+name:+c.name,+options:+[]});
+++}
+++p.find(a+=>+a.name+===+c.name).options.push(c.options);
+++return+p;
},+[]);|code-block|syntax|javascript|838469|entityMap^0|2|6|R|5|1I|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

<p>You're on the right track using <code>reduce</code>, but instead of reducing to an <code>Object</code>, you can reduce and push items onto an <code>Array</code>, which should give you the output you need:</p>
<pre><code>this.optionsArr.reduce((p, c) =&gt; {
   if (!p.some(a =&gt; a.name === c.name)) {
        p.push({ name: c.name, options: []});
   }
   p.find(a =&gt; a.name === c.name).options.push(c.options);
   return p;
}, []);
</code></pre>


blocks|key|1715389|text|您的代码几乎是正确的，您只是忘了作为一个空数组启动选项，所以推送可以工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715390|将,+options:+[]添加到还原函数中的第一个内联中|offset|length|style|CODE|1715391|+const+result+=+Object.values(this.optionsArr.reduce((a,+c)+=>+{
++++++++a[c.name]+=+a[c.name]+%7C%7C+{name:+c.name,+options:+[]};
++++++++a[c.name].options.push(c.options);
++++++++return+a;
++++++},+{})).map(item+=>+({...item,+accessDetails:+Object.values(item.accessDetails)}));|code-block|syntax|javascript|1715392|entityMap^0|0|1|D|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Your code is almost correct, you just forgot to initiate options as an empty array, so the push can work:</p>
<p>add <code>, options: []</code> to the first inline inside the reduce function</p>
<pre class="lang-js prettyprint-override"><code> const result = Object.values(this.optionsArr.reduce((a, c) =&gt; {
        a[c.name] = a[c.name] || {name: c.name, options: []};
        a[c.name].options.push(c.options);
        return a;
      }, {})).map(item =&gt; ({...item, accessDetails: Object.values(item.accessDetails)}));
</code></pre>


blocks|key|838480|text|这种方法是一个mix，它是一个泛型精简函数，它将根据给定的键(通过配置)对任何数据项进行分组，以及一个特定于任务特定的合并函数，例如OP的目标是如何处理将合并到其所属/相关组中的任何数据项的属性。该方法也是通过精简过程的初始配置来提供的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|838481|​|838482|//++reduce+function+that+groups
//++any+data+item+generically+by+key.
function+groupByKeyAndMergeProperties(collector,+item)+{
++const+{+merge,+key,+index,+list+}+=+collector;
++const+groupKey+=+item[key];

++let+groupItem+=+index[groupKey];
++if+(!groupItem)+{

++++//++use+`Object.assign`+initially+in+order
++++//++to+not+mutate+the+original+(list's)+reference.
++++groupItem+=+index[groupKey]+=+Object.assign({},+item);
++++list.push(groupItem);

++++merge(groupItem,+null);
++}+else+{
++++merge(groupItem,+item);
++}
++return+collector;
}

//++task+specific+merge+function,
//++here,+according+to+the+OP's+goal.
function+mergeItemOptions(targetItem,+sourceItem)+{
++if+(sourceItem+===+null)+{
++++targetItem.options+=+[targetItem.options];
++}+else+{
++++targetItem.options.push(sourceItem.options);
++}
}


const+sampleList+=+[
++{name:+"audio",+options:{name:'true',+value:+'T'}},
++{name:+"audio",+options:{name:'false',+value:+'F'}},
++{name:+"audio",+options:{name:'yes',+value:+'Y'}},
++{name:+"video",+options:{name:'true',+value:+'T'}},
++{name:+"video",+options:{name:'yes',+value:+'Y'}},
++{name:+"video",+options:{name:'false',+value:+'F'}},
++{name:+"call",+options:{name:'true',+value:+'T'}},
++{name:+"call",+options:{name:'No',+value:+'N'}},
++{name:+"call",+options:{name:'false',+value:+'F'}}
];

console.log(
++sampleList.reduce(groupByKeyAndMergeProperties,+{

++++//+task+specific+reduce+configuration.
++++merge:+mergeItemOptions,
++++key:+'name',
++++index:+{},
++++list:+[]

++}).list
);|code-block|syntax|javascript|838483|.as-console-wrapper+{+min-height:+100%25!important;+top:+0;+}|838484|838485|entityMap^0|7|3|F|6|1I|9|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Z|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|Q|$]]

<p>This approach is a <strong>mix</strong> of a <em><strong>generic reduce function</strong></em> that will group any data-item by a given key (via configuration) and a <em><strong>task specific merge function</strong></em> that is specific for e.g. the OP's goal of how to process the properties of any data-item that is going to be merged into its belonging/related group. This method as well gets provided via the initial configuration of the reduce process ...</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>//  reduce function that groups
//  any data item generically by key.
function groupByKeyAndMergeProperties(collector, item) {
  const { merge, key, index, list } = collector;
  const groupKey = item[key];

  let groupItem = index[groupKey];
  if (!groupItem) {

    //  use `Object.assign` initially in order
    //  to not mutate the original (list's) reference.
    groupItem = index[groupKey] = Object.assign({}, item);
    list.push(groupItem);

    merge(groupItem, null);
  } else {
    merge(groupItem, item);
  }
  return collector;
}

//  task specific merge function,
//  here, according to the OP's goal.
function mergeItemOptions(targetItem, sourceItem) {
  if (sourceItem === null) {
    targetItem.options = [targetItem.options];
  } else {
    targetItem.options.push(sourceItem.options);
  }
}


const sampleList = [
  {name: "audio", options:{name:'true', value: 'T'}},
  {name: "audio", options:{name:'false', value: 'F'}},
  {name: "audio", options:{name:'yes', value: 'Y'}},
  {name: "video", options:{name:'true', value: 'T'}},
  {name: "video", options:{name:'yes', value: 'Y'}},
  {name: "video", options:{name:'false', value: 'F'}},
  {name: "call", options:{name:'true', value: 'T'}},
  {name: "call", options:{name:'No', value: 'N'}},
  {name: "call", options:{name:'false', value: 'F'}}
];

console.log(
  sampleList.reduce(groupByKeyAndMergeProperties, {

    // task specific reduce configuration.
    merge: mergeItemOptions,
    key: 'name',
    index: {},
    list: []

  }).list
);</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.as-console-wrapper { min-height: 100%!important; top: 0; }</code></pre>
</div>
</div>
</p>


<p>I have an array with multiple objects having the same name. How can I segregate the array based on the name?</p>
<p>I tried with map, filter but didn't work finally I used reduce also but not getting the output.</p>
<pre><code> const result = Object.values(this.optionsArr.reduce((a, c) =&gt; {
        a[c.name] = a[c.name] || {name: c.name};
        a[c.name].options.push(c.options);
        return a;
      }, {})).map(item =&gt; ({...item, accessDetails: Object.values(item.accessDetails)}));
</code></pre>
<p>INPUT:</p>
<pre><code>[{name: &quot;audio&quot;, options:{name:'true', value: 'T'}},
{name: &quot;audio&quot;, options:{name:'false', value: 'F'}},
{name: &quot;audio&quot;, options:{name:'yes', value: 'Y'}},
{name: &quot;video&quot;, options:{name:'true', value: 'T'}},
{name: &quot;video&quot;, options:{name:'yes', value: 'Y'}},
{name: &quot;video&quot;, options:{name:'false', value: 'F'}},
{name: &quot;call&quot;, options:{name:'true', value: 'T'}},
{name: &quot;call&quot;, options:{name:'No', value: 'N'}},
{name: &quot;call&quot;, options:{name:'false', value: 'F'}}]
</code></pre>
<p>Expected Output</p>
<pre><code> [{name: &quot;audio&quot;, options:[{name:'true', value: 'T'},{name:'false', value: 'F'},{name:'yes', value: 'Y'}]},
    {name: &quot;video&quot;, options:[{name:'true', value: 'T'},{name:'false', value: 'F'},{name:'yes', value: 'Y'}]},
    {name: &quot;call&quot;, options:[{name:'true', value: 'T'},{name:'false', value: 'F'},{name:'yes', value: 'Y'}]}]
</code></pre>


Segregate an array based on same name

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个具有相同名称的多个对象的数组。如何根据名称分隔数组？我试过用地图，过滤器，但没有工作，最后我用的也减少，但没有得到输出。 const result = Object.values(this.optionsArr.reduce((a, c) => {        a[c.name] = a[c.name] ||...

问根据相同的名称分隔数组
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据相同的名称分隔数组EN