blocks|key|2433464|text|您离得不远(如果我假设输出中的role应该类似于输入中的role)，但是for的主体应该是|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2433465|result[array[index].role]+=+array[index];|code-block|syntax|javascript|2433466|您使用的是id而不是role，并且获取的是name而不是整个对象。|2433467|还请注意，您不需要在所显示的代码中使用第二个参数(role)，也不需要从原始结构转到新结构：|2433468|​|2433469|const+testObj+=+[{id:1,+name:+'name1',role:'Developer'},
{id:2,+name:+'name2',role:'Lead'},
{id:3,+name:+'name3',role:'QA'}]

const+convert+=+(array)+=>+{
++var+result+=+{}
++for+(let+index+=+0;+index+<+array.length;+index%2B%2B)+{
++++result[array[index].role]+=+array[index];
++}
++return+result
}

console.log(convert(testObj));|2433470|.as-console-wrapper+{
++max-height:+100%25+!important;
}|2433471|2433472|不过，我们可以使用for-of将其简化一点：|2433473|2433474|const+testObj+=+[{id:1,+name:+'name1',role:'Developer'},
{id:2,+name:+'name2',role:'Lead'},
{id:3,+name:+'name3',role:'QA'}];

const+convert+=+(array)+=>+{
++const+result+=+{};
++for+(const+entry+of+array)+{
++++result[entry.role]+=+entry;
++}
++return+result;
}

console.log(convert(testObj));|2433475|.as-console-wrapper+{
++max-height:+100%25+!important;
}|2433476|2433477|2433478|请注意，as+Jonas+W.+points+out，您的结果结构仅允许每个角色中只有一个人。您可能希望改为使用对象存储数组：|2433479|2433480|const+testObj+=+[{id:1,+name:+'name1',role:'Developer'},
{id:2,+name:+'name2',role:'Lead'},
{id:3,+name:+'name3',role:'QA'},
{id:4,+name:+'name4',role:'QA'}]

const+convert+=+(array)+=>+{
++var+result+=+{}
++for+(let+index+=+0;+index+<+array.length;+index%2B%2B)+{
++++var+roleArray+=+result[array[index].role];
++++if+(!roleArray)+{
++++++roleArray+=+result[array[index].role]+=+[];
++++}
++++roleArray.push(array[index]);
++}
++return+result
}

console.log(convert(testObj));|2433481|.as-console-wrapper+{
++max-height:+100%25+!important;
}|2433482|2433483|或者，再次使用for-of|2433484|2433485|const+testObj+=+[{id:1,+name:+'name1',role:'Developer'},
{id:2,+name:+'name2',role:'Lead'},
{id:3,+name:+'name3',role:'QA'},
{id:4,+name:+'name4',role:'QA'}];

const+convert+=+(array)+=>+{
++const+result+=+{}
++for+(const+entry+of+array)+{
++++let+roleArray+=+result[entry.role];
++++if+(!roleArray)+{
++++++roleArray+=+result[entry.role]+=+[];
++++}
++++roleArray.push(entry);
++}
++return+result;
}

console.log(convert(testObj));|2433486|.as-console-wrapper+{
++max-height:+100%25+!important;
}|2433487|2433488|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/51114795/convert-array-of-object-to-object-using-javascript/51114822#comment89215819_51114795^0|F|4|S|4|10|3|0|0|5|2|A|4|L|4|0|P|4|0|0|0|0|0|9|6|0|0|0|0|0|0|4|M|0|0|0|0|0|0|7|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1S|8|@$9|1T|A|1U|B|C]|$9|1V|A|1W|B|C]|$9|1X|A|1Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|20|8|@$9|21|A|22|B|C]|$9|23|A|24|B|C]|$9|25|A|26|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|27|8|@$9|28|A|29|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|2A|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|2B|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|H|7|2C|8|@]|D|@]|E|$I|J]]|$1|U|3|P|5|6|7|2D|8|@]|D|@]|E|$]]|$1|V|3|W|5|6|7|2E|8|@$9|2F|A|2G|B|C]]|D|@]|E|$]]|$1|X|3|P|5|6|7|2H|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|H|7|2I|8|@]|D|@]|E|$I|J]]|$1|10|3|11|5|H|7|2J|8|@]|D|@]|E|$I|J]]|$1|12|3|P|5|6|7|2K|8|@]|D|@]|E|$]]|$1|13|3|-4|5|6|7|2L|8|@]|D|@]|E|$]]|$1|14|3|15|5|6|7|2M|8|@]|D|@$9|2N|A|2O|1|2P]]|E|$]]|$1|16|3|P|5|6|7|2Q|8|@]|D|@]|E|$]]|$1|17|3|18|5|H|7|2R|8|@]|D|@]|E|$I|J]]|$1|19|3|1A|5|H|7|2S|8|@]|D|@]|E|$I|J]]|$1|1B|3|P|5|6|7|2T|8|@]|D|@]|E|$]]|$1|1C|3|1D|5|6|7|2U|8|@$9|2V|A|2W|B|C]]|D|@]|E|$]]|$1|1E|3|P|5|6|7|2X|8|@]|D|@]|E|$]]|$1|1F|3|1G|5|H|7|2Y|8|@]|D|@]|E|$I|J]]|$1|1H|3|1I|5|H|7|2Z|8|@]|D|@]|E|$I|J]]|$1|1J|3|P|5|6|7|30|8|@]|D|@]|E|$]]|$1|1K|3|-4|5|6|7|31|8|@]|D|@]|E|$]]]|1L|$1M|$5|1N|1O|1P|E|$1Q|1R]]]]

<p>You're not far off (if I assume the <code>role</code>s in the output should be like the <code>role</code>s in the input), but the body of your <code>for</code> should be</p>

<pre><code>result[array[index].role] = array[index];
</code></pre>

<p>You were using the <code>id</code> rather than the <code>role</code>, and grabbing the <code>name</code> instead of the entire object.</p>

<p>Also note that there's no need for your second parameter (<code>role</code>) in the code you've shown or to go from your original to your new structure:</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 testObj = [{id:1, name: 'name1',role:'Developer'},
{id:2, name: 'name2',role:'Lead'},
{id:3, name: 'name3',role:'QA'}]

const convert = (array) =&gt; {
  var result = {}
  for (let index = 0; index &lt; array.length; index++) {
    result[array[index].role] = array[index];
  }
  return result
}

console.log(convert(testObj));</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.as-console-wrapper {
  max-height: 100% !important;
}</code></pre>
</div>
</div>
</p>

<p>We can simplify that a bit with <code>for-of</code>, though:</p>

<p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const testObj = [{id:1, name: 'name1',role:'Developer'},
{id:2, name: 'name2',role:'Lead'},
{id:3, name: 'name3',role:'QA'}];

const convert = (array) =&gt; {
  const result = {};
  for (const entry of array) {
    result[entry.role] = entry;
  }
  return result;
}

console.log(convert(testObj));</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.as-console-wrapper {
  max-height: 100% !important;
}</code></pre>
</div>
</div>
</p>

<hr>

<p>Note that <a href="https://stackoverflow.com/questions/51114795/convert-array-of-object-to-object-using-javascript/51114822#comment89215819_51114795">as Jonas W. points out</a>, your result structure only allows for a single person in each role. You might want to have the object store <em>arrays</em> instead:</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 testObj = [{id:1, name: 'name1',role:'Developer'},
{id:2, name: 'name2',role:'Lead'},
{id:3, name: 'name3',role:'QA'},
{id:4, name: 'name4',role:'QA'}]

const convert = (array) =&gt; {
  var result = {}
  for (let index = 0; index &lt; array.length; index++) {
    var roleArray = result[array[index].role];
    if (!roleArray) {
      roleArray = result[array[index].role] = [];
    }
    roleArray.push(array[index]);
  }
  return result
}

console.log(convert(testObj));</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.as-console-wrapper {
  max-height: 100% !important;
}</code></pre>
</div>
</div>
</p>

<p>or, again, with <code>for-of</code>:</p>

<p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const testObj = [{id:1, name: 'name1',role:'Developer'},
{id:2, name: 'name2',role:'Lead'},
{id:3, name: 'name3',role:'QA'},
{id:4, name: 'name4',role:'QA'}];

const convert = (array) =&gt; {
  const result = {}
  for (const entry of array) {
    let roleArray = result[entry.role];
    if (!roleArray) {
      roleArray = result[entry.role] = [];
    }
    roleArray.push(entry);
  }
  return result;
}

console.log(convert(testObj));</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.as-console-wrapper {
  max-height: 100% !important;
}</code></pre>
</div>
</div>
</p>


blocks|key|2433490|text|您的代码通过.id对.name进行分组，您希望根据对象的角色对对象本身进行分组：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2433491|function+group(array,+key)+{
++const+result+=+{};
++for(const+obj+of+array)
++++result[+obj[key]+]+=+obj;
++return+result;
}

group(testObj,+"role")|code-block|syntax|javascript|2433492|entityMap^0|6|3|A|5|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<p>Your code groups the <code>.name</code>s by <code>.id</code>, you want to group the objects itself by their role:</p>

<pre><code>function group(array, key) {
  const result = {};
  for(const obj of array)
    result[ obj[key] ] = obj;
  return result;
}

group(testObj, "role")
</code></pre>


blocks|key|559|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|560|const+testObj+=+[{id:1,+name:+'name1',role:'Developer'},
{id:2,+name:+'name2',role:'Lead'},
{id:3,+name:+'name3',role:'QA'}];

const+convert+=+(array,+role)+=>+{
	let+i+=+0;
++const+output+=+{};
	for+(;+i+<+array.length;+i%2B=+1)+{
++	output[array[i][role]]+=+array[i];
++}
++return+output;
}

console.log(convert(testObj,+'role'));|code-block|syntax|javascript|561|562|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<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 testObj = [{id:1, name: 'name1',role:'Developer'},
{id:2, name: 'name2',role:'Lead'},
{id:3, name: 'name3',role:'QA'}];

const convert = (array, role) =&gt; {
	let i = 0;
  const output = {};
	for (; i &lt; array.length; i+= 1) {
  	output[array[i][role]] = array[i];
  }
  return output;
}

console.log(convert(testObj, 'role'));</code></pre>
</div>
</div>
</p>


<p>I have following input</p>

<pre><code>const testObj = [
    {id:1, name: 'name1',role:'Developer'},
    {id:2, name: 'name2',role:'Lead'},
    {id:3, name: 'name3',role:'QA'}
]
</code></pre>

<p>and i need to get the output in following format</p>

<pre><code>{
    Developer: {id:1,name:'name1',role:'Developer'},
    Lead: {id:2,name:'name2',role:'Lead'},
    QA: {id:3,name:'name3',role:'QA'}
}
</code></pre>

<p>and i tried to write the following code but i am not getting my desired output</p>

<pre><code>const convert = (array,role) =&gt; {
    var result = {}
    for(let index = 0; index &lt; array.length; index++){
        result[array[index].id] = array[index].name;
    }
    return result;
}
</code></pre>

<p>and i am calling my method using following code</p>

<pre><code>convert(testObj,'role'); 
</code></pre>

<p>How do i modify this method to get my desired output <strong>without using Reduce</strong> keyword and all</p>


Convert array of object to object using Javascript

对象存储

我有以下输入const testObj = [    {id:1, name: 'name1',role:'Developer'},    {id:2, name: 'name2',role:'Lead'},    {id:3, name: 'name3',role:'QA'}]并且我需要获得以下格式的输出{    D...

问使用Javascript将对象数组转换为对象
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript将对象数组转换为对象EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript将对象数组转换为对象
EN