blocks|key|2658874|text|使用Object.keys+%2B+Array.map非常简单，您真的不需要寄存：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2658875|​|2658876|const+obj+=+{2:'b',3:'c',1:'a'};
const+arr+=+Object.keys(obj).map(key+=>+({+[key]:+obj[key]+}))

console.log(arr)|code-block|syntax|javascript|2658877|2658878|关于缺少sort函数，上面的代码利用了这样一个事实:数字索引对象键是按规格顺序存储的。请自己检查订单：|2658879|2658880|console.log({2:'b',3:'c',1:'a'})|2658881|2658882|以下是规格的相关部分|2658883|9.1.12+[OwnPropertyKeys]
当调用O的[OwnPropertyKeys]内部方法时，将执行以下步骤：|blockquote|2658884|让密钥成为一个新的空列表。|ordered-list-item|2658885|对于作为整数索引的O的每个属性键P，按升序数字索引顺序
2a。添加P作为键的最后一个元素。|2658886|entityMap|0|LINK|mutability|MUTABLE|url|https://www.ecma-international.org/ecma-262/6.0/#sec-ordinary-object-internal-methods-and-internal-slots-ownpropertykeys|1^0|2|B|G|9|0|0|0|0|4|4|0|0|0|0|3|2|0|0|7|H|1|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1H|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1I|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|1J|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1K|8|@$9|1L|A|1M|B|C]]|D|@]|E|$]]|$1|P|3|G|5|6|7|1N|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1O|8|@]|D|@]|E|$K|L]]|$1|S|3|G|5|6|7|1P|8|@]|D|@]|E|$]]|$1|T|3|U|5|6|7|1Q|8|@]|D|@$9|1R|A|1S|1|1T]]|E|$]]|$1|V|3|W|5|X|7|1U|8|@]|D|@$9|1V|A|1W|1|1X]]|E|$]]|$1|Y|3|Z|5|10|7|1Y|8|@]|D|@]|E|$]]|$1|11|3|12|5|10|7|1Z|8|@]|D|@]|E|$]]|$1|13|3|-4|5|6|7|20|8|@]|D|@]|E|$]]]|14|$15|$5|16|17|18|E|$19|1A]]|1B|$5|16|17|18|E|$19|-4]]]]

<p>It's fairly trivial using <code>Object.keys</code> + <code>Array.map</code>, you really don't need lodash:</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 obj = {2:'b',3:'c',1:'a'};
const arr = Object.keys(obj).map(key =&gt; ({ [key]: obj[key] }))

console.log(arr)</code></pre>
</div>
</div>
</p>

<p>Regarding the lack of a <code>sort</code> function, the above code is exploiting the fact that numerically indexed Object keys are (per the spec) stored sequentially. Check the order for yourself:</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>console.log({2:'b',3:'c',1:'a'})</code></pre>
</div>
</div>
</p>

<p>Here is the relevant portion of <a href="https://www.ecma-international.org/ecma-262/6.0/#sec-ordinary-object-internal-methods-and-internal-slots-ownpropertykeys" rel="nofollow noreferrer">the spec</a></p>

<blockquote>
  <p>9.1.12 [[OwnPropertyKeys]] ( )</p>
  
  <p>When the [[OwnPropertyKeys]] internal method of O is called the
  following steps are taken: </p>
  
  <ol>
  <li><p>Let keys be a new empty List. </p></li>
  <li><p>For each own
  property key P of O that is an integer index, in ascending numeric
  index order </p>
  
  <p>2a. Add P as the last element of keys.</p></li>
  </ol>
</blockquote>


blocks|key|2620909|text|为什么要用房客？只需使用普通的Javascript。解决方案可以稍微清理一下，但想法是遍历对象并将所需的格式推入一个新的数组中。我也把排序放在那里方便，但可以自由地重新考虑你的喜好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2620910|const+obj+=+{2:'b',3:'c',1:'a'}

let+newArr+=+[];
for+(var+key+in+obj)+{
++newArr.push({[key]:+obj[key]})
++newArr.sort((a,+b)+=>+a[key]+>+b[key])
}
console.log(newArr)|code-block|syntax|javascript|2620911|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Why use lodash? Just use regular Javascript. Solution can be cleaned up a bit but the idea is to loop through your object and push your desired format into a new array. I also throw the sorting in there for convenience, but feel free to re-factor to your liking. </p>

<pre><code>const obj = {2:'b',3:'c',1:'a'}

let newArr = [];
for (var key in obj) {
  newArr.push({[key]: obj[key]})
  newArr.sort((a, b) =&gt; a[key] &gt; b[key])
}
console.log(newArr)
</code></pre>


blocks|key|2620917|text|Lodash并不是真正需要完成您想要的东西，但是我仍然会添加它，并添加一个排序函数。我还包括了原生的JavaScript方式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2620918|​|2620919|const+obj+=+{b:+3,+c:+2,+a:+1};


const+sortByKeys+=+object+=>+{
++const+keys+=+Object.keys(object)
++const+sortedKeys+=+_.sortBy(keys)

++return+_.map(sortedKeys,+key+=>+({+[key]:+object[key]}))
}

//+the+lodash+way,+and+sorted
console.log(sortByKeys(obj))

//+simpler+way
const+result+=+Object.keys(obj)
++.map(key+=>+({+[key]:+obj[key]+}))
++
+console.log(result)|code-block|syntax|javascript|2620920|<script+src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>|2620921|2620922|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>Lodash is not really necessary to accomplish what you want, but I'm still adding it anyway and add a sorted function. I've also included the native JavaScript way.</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 obj = {b: 3, c: 2, a: 1};


const sortByKeys = object =&gt; {
  const keys = Object.keys(object)
  const sortedKeys = _.sortBy(keys)

  return _.map(sortedKeys, key =&gt; ({ [key]: object[key]}))
}

// the lodash way, and sorted
console.log(sortByKeys(obj))

// simpler way
const result = Object.keys(obj)
  .map(key =&gt; ({ [key]: obj[key] }))
  
 console.log(result)</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|2659004|text|在即将使用Object.entries的Javascript中，您可以用单个对象映射一个新的数组。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2659005|​|2659006|var+data+=+{2:'b',3:'c',1:'a'},
++++result+=+Object
++++++++.entries(data)
++++++++.sort((a,+b)+=>+a[0]+-+b[0])
++++++++.map(([k,+v])+=>+({+[k]:+v+}));

console.log(result);|code-block|syntax|javascript|2659007|.as-console-wrapper+{+max-height:+100%25+!important;+top:+0;+}|2659008|2659009|有了房客，你可以用|2659010|_.chain，|unordered-list-item|2659011|_.toPairs，|2659012|_.sortBy，|2659013|_.map和|2659014|_.fromPairs|2659015|2659016|var+data+=+{2:'b',3:'c',1:'a'},
++++result+=+_
++++++++.chain(data)
++++++++.toPairs(data)
++++++++.sortBy([0])
++++++++.map(o+=>+_.fromPairs([o]));

console.log(result);|2659017|.as-console-wrapper+{+max-height:+100%25+!important;+top:+0;+}|2659018|<script+src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>|2659019|2659020|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries|1|https://lodash.com/docs/#chain|2|https://lodash.com/docs/#toPairs|3|https://lodash.com/docs/#sortBy|4|https://lodash.com/docs/#map|5|https://lodash.com/docs/#fromPairs^0|5|E|5|E|0|0|0|0|0|0|0|0|7|0|7|1|0|0|9|0|9|2|0|0|8|0|8|3|0|0|5|0|5|4|0|0|B|0|B|5|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1S|8|@$9|1T|A|1U|B|C]]|D|@$9|1V|A|1W|1|1X]]|E|$]]|$1|F|3|G|5|6|7|1Y|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1Z|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|20|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|21|8|@]|D|@]|E|$]]|$1|P|3|Q|5|6|7|22|8|@]|D|@]|E|$]]|$1|R|3|S|5|T|7|23|8|@$9|24|A|25|B|C]]|D|@$9|26|A|27|1|28]]|E|$]]|$1|U|3|V|5|T|7|29|8|@$9|2A|A|2B|B|C]]|D|@$9|2C|A|2D|1|2E]]|E|$]]|$1|W|3|X|5|T|7|2F|8|@$9|2G|A|2H|B|C]]|D|@$9|2I|A|2J|1|2K]]|E|$]]|$1|Y|3|Z|5|T|7|2L|8|@$9|2M|A|2N|B|C]]|D|@$9|2O|A|2P|1|2Q]]|E|$]]|$1|10|3|11|5|T|7|2R|8|@$9|2S|A|2T|B|C]]|D|@$9|2U|A|2V|1|2W]]|E|$]]|$1|12|3|G|5|6|7|2X|8|@]|D|@]|E|$]]|$1|13|3|14|5|J|7|2Y|8|@]|D|@]|E|$K|L]]|$1|15|3|16|5|J|7|2Z|8|@]|D|@]|E|$K|L]]|$1|17|3|18|5|J|7|30|8|@]|D|@]|E|$K|L]]|$1|19|3|G|5|6|7|31|8|@]|D|@]|E|$]]|$1|1A|3|-4|5|6|7|32|8|@]|D|@]|E|$]]]|1B|$1C|$5|1D|1E|1F|E|$1G|1H]]|1I|$5|1D|1E|1F|E|$1G|1J]]|1K|$5|1D|1E|1F|E|$1G|1L]]|1M|$5|1D|1E|1F|E|$1G|1N]]|1O|$5|1D|1E|1F|E|$1G|1P]]|1Q|$5|1D|1E|1F|E|$1G|1R]]]]

<p>With upcoming Javascript with <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries" rel="nofollow noreferrer"><code>Object.entries</code></a>, you could map a new array with single objects.</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 = {2:'b',3:'c',1:'a'},
    result = Object
        .entries(data)
        .sort((a, b) =&gt; a[0] - b[0])
        .map(([k, v]) =&gt; ({ [k]: v }));

console.log(result);</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.as-console-wrapper { max-height: 100% !important; top: 0; }</code></pre>
</div>
</div>
</p>

<p>With lodash, you could use</p>

<ul>
<li><a href="https://lodash.com/docs/#chain" rel="nofollow noreferrer"><code>_.chain</code></a>,</li>
<li><a href="https://lodash.com/docs/#toPairs" rel="nofollow noreferrer"><code>_.toPairs</code></a>,</li>
<li><a href="https://lodash.com/docs/#sortBy" rel="nofollow noreferrer"><code>_.sortBy</code></a>,</li>
<li><a href="https://lodash.com/docs/#map" rel="nofollow noreferrer"><code>_.map</code></a> and</li>
<li><a href="https://lodash.com/docs/#fromPairs" rel="nofollow noreferrer"><code>_.fromPairs</code></a></li>
</ul>

<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 = {2:'b',3:'c',1:'a'},
    result = _
        .chain(data)
        .toPairs(data)
        .sortBy([0])
        .map(o =&gt; _.fromPairs([o]));

console.log(result);</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.as-console-wrapper { max-height: 100% !important; top: 0; }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


<p>How to transform <code>{2:'b',3:'c',1:'a'}</code> into <code>[{1:'a'},{2:'b'},{3:'c'}]</code> by lodash?</p>


How to transform object into sorted array by Lodash

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

如何将{2:'b',3:'c',1:'a'}转换成[{1:'a'},{2:'b'},{3:'c'}]？

问如何利用Lodash将对象转换为排序数组
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何利用Lodash将对象转换为排序数组EN