How to sort data which mix text and number?(如何对混合了文本和数字的数据进行排序?)
问题描述
我有一个数据,它将显示为表,并使用orderBy(Lowash)对数据进行排序,但它的工作方式不是我想要的那样。
现在,我的代码为
const data = orderBy(realData, ['name'], ['asc'])
这是我的数据
输入:
[{name: 'A1'},{name:'A2'},{name: 'A21'},{name:'B10'},{name: 'A100'},{name:'A22'},{name: 'B32'},{name:'A3'}]
问题是"orderBy"按文本对数据进行排序(ASCII排序)
当前输出:
[{name: 'A1'},{name: 'A100'},{name:'A2'},{name: 'A21'},{name:'A22'},{name:'A3'},{name:'B10'},{name: 'B32'}]
但是我想要这样的数据输出
[{name: 'A1'},{name:'A2'},{name:'A3'},{name: 'A21'},{name:'A22'},{name: 'A100'},{name:'B10'},{name: 'B32'}]
如果有人有任何建议,请帮助。
谢谢您。
推荐答案
数组排序时可以使用string#localeCompare回调。若要对数组进行数字排序,请使用numeric属性。
let data = [{name: 'A1'},{name: 'A100'},{name:'A2'},{name: 'A21'},{name:'A22'},{name:'A3'},{name:'B10'},{name: 'B32'}];
data.sort((a,b) => a.name.localeCompare(b.name, undefined, {numeric: true}));
console.log(data);
.as-console-wrapper {max-height: 100% !important; top: 0;}
这篇关于如何对混合了文本和数字的数据进行排序?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:如何对混合了文本和数字的数据进行排序?
基础教程推荐
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
