点击按钮，js数组升序降序切换方法

最新推荐文章于 2024-10-10 18:07:45 发布

eyuiomvtywn

最新推荐文章于 2024-10-10 18:07:45 发布

阅读量398

点赞数

分类专栏： javascript # antd 文章标签： javascript 前端 react.js

本文链接：https://blog.youkuaiyun.com/joeyjanela/article/details/133753276

版权

javascript 同时被 2 个专栏收录

31 篇文章

订阅专栏

antd

9 篇文章

订阅专栏

文章描述了如何在React应用中，特别是使用antdTable组件时，利用JavaScript的localeCompare方法实现数据列的升序、降序和原始数组的切换排序。示例代码展示了如何对数组对象按照input或名称和编号字段进行比较排序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：点击按钮，arr升序、降序和原始数组循环切换。

let arr= [  
  { input: 'hello' },  
  { input: 'world' },  
  { input: 'foo' }  
];

arr.sort((a, b) => a.input.localeCompare(b.input));

<Button onClick={() => console.log(arr)} />

可以用在antd的Table组件里。

const columns = [
  {
    title: '姓名'
    dataIndex: 'name',
    sorter: (a, b) => a.name.localeCompare(b.name),
  },
  {
    title: '编号',
    dataIndex: 'number',
    sorter: (a, b) => a.number.localeCompare(b.number),
  },
]