按字符串数组排序对象数组[重复]

作者: 听风～
发布时间: 2025-01-01 12:06:10 (17天前)
转自：

5 条回复

0#
回复此人
Just do it | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可以创建一个以正确顺序推送对象的新数组的<strong> 这不会修改您的原始数组 </强> 。 </p> <P> 如果您不介意修改原始数组，可以调用sort函数来检查中的键位置 <code> keys </code> 排列 <EM> （我相信你会得到一些答案来帮助你使用这些方法） </EM> </p> <P> 的<strong> 编辑 </强> @Nina Scholz做得很快^^ </p> <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 objs = [{ key: 'address', value: '1234 street' }, { key: 'nameAndTitle', value: 'John Smith, CEO' }, { key: 'contactEmail', value: 'johnsmith@gmail.com' }, { key: 'contactPhone', value: '1234567890' }, ]; const keys = [ 'nameAndTitle', 'contactPhone', 'contactEmail', 'address', ]; const array = keys.reduce((tmp, x) => { const item = objs.find(y => y.key === x); if (item) { tmp.push(item); } return tmp; }, []); console.log(array); </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑
1#
回复此人
老人与海。 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如果可以改变阵列，你可以使用 <code> sort </code> 功能如下： </p> <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 objs = [{ key: 'address', value: '1234 street' }, { key: 'nameAndTitle', value: 'John Smith, CEO' }, { key: 'contactEmail', value: 'johnsmith@gmail.com' }, { key: 'contactPhone', value: '1234567890' } ] var keys = [ 'nameAndTitle', 'contactPhone', 'contactEmail', 'address', ] objs.sort(function(a, b) { return keys.indexOf(a.key) - keys.indexOf(b.key); }); console.log(objs) </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑
2#
回复此人
咿呀哟 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以这样做： </p> <P> 循环通过字符串数组。将值（nameAndTitle）与obj-array的相同索引的值进行比较。如果它不匹配，请在obj-array中的key-tag中搜索该字符串，并将其移动到正确的索引。多数民众赞成我将如何做到这一点 </p> </DIV>

编辑
3#
回复此人
不浪漫罪名 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可以获取索引并按其三角形排序。 </p> <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 objs = [{ key: 'address', value: '1234 street' }, { key: 'nameAndTitle', value: 'John Smith, CEO' }, { key: 'contactEmail', value: 'johnsmith@gmail.com' }, { key: 'contactPhone', value: '1234567890' }], keys = ['nameAndTitle', 'contactPhone', 'contactEmail', 'address']; objs.sort((a, b) => keys.indexOf(a.key) - keys.indexOf(b.key)); console.log(objs); </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> <P> 为了完全控制订单，您可以使用所需订单的值进行操作，并使用值小于所有其他值的默认属性，将未知键排序到顶部或者将值大于所有其他值到底部数组。 </p> <P> 这种方法也适用于花式排序方案，如果需要，未知项目会分类到中间。 </p> <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 objs = [{ key: 'localPhone', value: '1234567890' }, { key: 'status', value: 'open' }, { key: 'address', value: '1234 street' }, { key: 'nameAndTitle', value: 'John Smith, CEO' }, { key: 'contactEmail', value: 'johnsmith@gmail.com' }, { key: 'contactPhone', value: '1234567890' }], order = { nameAndTitle: 1, contactPhone: 2, contactEmail: 3, address: 4, default: Infinity }; objs.sort(({ key: a }, { key: b }) => (order[a] || order.default) - (order[b] || order.default)); console.log(objs); </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> <P> ES5 </p> <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 objs = [{ key: 'localPhone', value: '1234567890' }, { key: 'status', value: 'open' }, { key: 'address', value: '1234 street' }, { key: 'nameAndTitle', value: 'John Smith, CEO' }, { key: 'contactEmail', value: 'johnsmith@gmail.com' }, { key: 'contactPhone', value: '1234567890' }], order = { nameAndTitle: 1, contactPhone: 2, contactEmail: 3, address: 4, default: Infinity }; objs.sort(function (a, b) { return (order[a.key] || order.default) - (order[b.key] || order.default); }); console.log(objs); </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> </DIV>

编辑

登录后才能参与评论