blocks|key|1455179|text|使用reduce遍历输入对象的条目，以检查条目并将其分类为所需的输出格式：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1455180|​|1455181|const+input+=+{
++Honda_Bike:+"white",
++Pulsar_Bike:+"black",
++Royal_Enfield_Bike:+"red",
++Hyundai_Car:+"blue",
++Mercedes_Car:+"grey",
++BMW_Car:+"red"
};
const+output+=+[{+}];
output[0].vehicle+=+Object.entries(input).reduce((a,+[key,+val])+=>+{
++const+vehicleName+=+key.match(/([%5E_]%2B)$/)[0];
++if+(!a[vehicleName])+a[vehicleName]+=+{};
++a[vehicleName][key]+=+val;
++return+a;
},+{});
console.log(output);|code-block|syntax|javascript|1455182|1455183|entityMap^0|2|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|T|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|O|$]]

<p>Use <code>reduce</code> to iterate over the entries of the input object to check and categorize the items into your desired output format:</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 input = {
  Honda_Bike: "white",
  Pulsar_Bike: "black",
  Royal_Enfield_Bike: "red",
  Hyundai_Car: "blue",
  Mercedes_Car: "grey",
  BMW_Car: "red"
};
const output = [{ }];
output[0].vehicle = Object.entries(input).reduce((a, [key, val]) =&gt; {
  const vehicleName = key.match(/([^_]+)$/)[0];
  if (!a[vehicleName]) a[vehicleName] = {};
  a[vehicleName][key] = val;
  return a;
}, {});
console.log(output);</code></pre>
</div>
</div>
</p>


blocks|key|5238712|text|以下是使用Object.reduce完成此操作的简单方法。首先使用Object.keys获取对象自己的可枚举键，然后使用Object.reduce。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5238713|​|5238714|let+o+=+{
++Honda_Bike:+"white",
++Pulsar_Bike:+"black",
++Royal_Enfield_Bike:+"red",
++Hyundai_Car:+"blue",
++Mercedes_Car:+"grey",
++BMW_Car:+"red"
}
let+keys+=+Object.keys(o);
let+result+=+keys.reduce((acc,+cv)+=>+{
++let+[type]+=+cv.split('_').reverse();
++acc[type]+=+acc[type]+%7C%7C+{};
++acc[type][cv]+=+o[cv];
++return+acc;
},+{});
result+=+[{
++vehicle:+result
}];
console.log(result);|code-block|syntax|javascript|5238715|5238716|entityMap^0|5|D|X|B|1O|D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|X|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|Y|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|O|$]]

<p>Here is a simple way of doing this using <code>Object.reduce</code>. First get the Object's own enumerable keys using <code>Object.keys</code> then use <code>Object.reduce</code>.</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>let o = {
  Honda_Bike: "white",
  Pulsar_Bike: "black",
  Royal_Enfield_Bike: "red",
  Hyundai_Car: "blue",
  Mercedes_Car: "grey",
  BMW_Car: "red"
}
let keys = Object.keys(o);
let result = keys.reduce((acc, cv) =&gt; {
  let [type] = cv.split('_').reverse();
  acc[type] = acc[type] || {};
  acc[type][cv] = o[cv];
  return acc;
}, {});
result = [{
  vehicle: result
}];
console.log(result);</code></pre>
</div>
</div>
</p>


blocks|key|1323315|text|您可以遍历data对象的键，根据下划线_拆分data对象的每个键，然后获得最后拆分的值，为内部对象创建新的键。在每次迭代中，检查是否创建了这个新的键，并根据该键将值分配给这个内部对象。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1323316|​|1323317|var+data+=+{
++++Honda_Bike:+"white",
++++Pulsar_Bike:+"black",
++++Royal_Enfield_Bike:+"red",
++++Hyundai_Car:+"blue",
++++Mercedes_Car:+"grey",
++++BMW_Car:+"red"
++};

var+vehicleObj+=+{};
//loop+thorugh+the+data+object+keys
Object.keys(data).forEach((key)=>{
++//split+the+key+and+get+the+last+splited+value
++var+splitArray+=+key.split('_');
++var+newKey+=+splitArray[splitArray.length+-+1];
++//create+a+new+object+based+on+the+splited+value
++if(vehicleObj[newKey]){
++++vehicleObj[newKey][key]+=+data[key];
++}+else+{
++++vehicleObj[newKey]+=+{};
++++vehicleObj[newKey][key]+=+data[key];
++}
});
//create+final+output+object
var+res+=+[{
++'vehicle':+vehicleObj
}];
console.log(res);|code-block|syntax|javascript|1323318|1323319|entityMap^0|5|4|J|1|M|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|X|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|Y|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|O|$]]

<p>You can loop through the keys of the <code>data</code> object, split each key of the <code>data</code> object with respect to underscore <code>_</code> and then get the last splitted value to create a new key for the inner object. In each iteration check if this new key is created or not and based on that assign the value to this inner object.</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>var data = {
    Honda_Bike: "white",
    Pulsar_Bike: "black",
    Royal_Enfield_Bike: "red",
    Hyundai_Car: "blue",
    Mercedes_Car: "grey",
    BMW_Car: "red"
  };

var vehicleObj = {};
//loop thorugh the data object keys
Object.keys(data).forEach((key)=&gt;{
  //split the key and get the last splited value
  var splitArray = key.split('_');
  var newKey = splitArray[splitArray.length - 1];
  //create a new object based on the splited value
  if(vehicleObj[newKey]){
    vehicleObj[newKey][key] = data[key];
  } else {
    vehicleObj[newKey] = {};
    vehicleObj[newKey][key] = data[key];
  }
});
//create final output object
var res = [{
  'vehicle': vehicleObj
}];
console.log(res);</code></pre>
</div>
</div>
</p>


blocks|key|3770691|text|您可以使用reduce检查所有对象，然后匹配vehicleType，这是您每个键的最后一个单词。如果匹配，则创建新对象并将相关类型的车辆推入其中。以下是工作代码片段：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3770692|​|3770693|let+input+=+{
++Honda_Bike:+"white",
++Pulsar_Bike:+"black",
++Royal_Enfield_Bike:+"red",
++Hyundai_Car:+"blue",
++Mercedes_Car:+"grey",
++BMW_Car:+"red"
};

let+output+=+[{}];
output[0].vehicle+=+Object.entries(input).reduce((a,+[key,+val])+=>+{
++let+vehicleType+=+(key.match(/([%5E_]%2B)$/)[0]).toLowerCase();
++if+(!a[vehicleType])+a[vehicleType]+=+{};
++a[vehicleType][key]+=+val;
++return+a;
},+{});

console.log(output);|code-block|syntax|javascript|3770694|3770695|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce^0|5|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Y|8|@]|9|@]|C|$I|J]]|$1|K|3|E|5|6|7|Z|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]]]

<p>You can use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce" rel="nofollow noreferrer">reduce</a> to check all the objects and then match vehicleType which is last word of each key you. If matches then create new object and push related type vehicles into that. Below is working code snippet:</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>let input = {
  Honda_Bike: "white",
  Pulsar_Bike: "black",
  Royal_Enfield_Bike: "red",
  Hyundai_Car: "blue",
  Mercedes_Car: "grey",
  BMW_Car: "red"
};

let output = [{}];
output[0].vehicle = Object.entries(input).reduce((a, [key, val]) =&gt; {
  let vehicleType = (key.match(/([^_]+)$/)[0]).toLowerCase();
  if (!a[vehicleType]) a[vehicleType] = {};
  a[vehicleType][key] = val;
  return a;
}, {});

console.log(output);</code></pre>
</div>
</div>
</p>


<p>I want to create multi level JSON array from flat dynamic object based on Key Substring</p>

<p>Sample dynamic object</p>

<pre><code>{
  Honda_Bike: "white",
  Pulsar_Bike: "black",
  Royal_Enfield_Bike: "red",
  Hyundai_Car: "blue",
  Mercedes_Car: "grey",
  BMW_Car: "red"
}
</code></pre>

<p>Sample Json Multi - Level array</p>

<pre><code>[{
  vehicle : {
    bike: {
      Honda_Bike: "white",
      Pulsar_Bike: "black",
      Royal_Enfield_Bike: "red"
    },
    car: {
      Hyundai_Car: "blue",
      Mercedes_Car: "grey",
      BMW_Car: "red"
    },
  }
}]
</code></pre>


Convert dynamic object to multi level JSON array based on Key Substring using Javascript

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我想从基于键子串的扁平动态对象创建多级JSON数组动态对象示例{  Honda_Bike: "white",  Pulsar_Bike: "black",  Royal_Enfield_Bike: "red",  Hyundai_Car: "blue",  Mercedes_Car: "grey",  BMW_Car:...

问用Javascript将动态对象转换为基于键子串的多级JSON数组
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用Javascript将动态对象转换为基于键子串的多级JSON数组EN