gpt4 book ai didi

javascript - react | localeCompare 对空值进行排序

转载 作者:行者123 更新时间:2023-11-29 23:23:06 28 4
gpt4 key购买 nike

我正在使用 React ant design table .在该表中,我尝试使用 localeCompare 对空值进行排序,它显示类型错误。

JSON

const data = [{
key: '1',
name: null,
age: 32,
}, {
key: '2',
name: 'Jim Green',
age: '32',
}, {
key: '3',
name: 'Joe Black',
age: 32,
}];

当我排序时,我遇到如下错误:

 TypeError: Cannot read property 'localeCompare' of null

我在 Code sand box 上有完整的代码

最佳答案

您可以检查您的值是否为 null 然后您可以使用管道分配空白。

在你的代码中你可以这样做

{
title: "Name",
dataIndex: "name",
key: "name",
sorter: (a, b) => {
a = a.name || '';
b = b.name || '';
return a.localeCompare(b);
}
},

演示

const data = [{
key: '1',
name: null,
age: 32,
}, {
key: '2',
name: 'Jim Green',
age: '32',
}, {
key: '3',
name: 'Joe Black',
age: 32,
}];

console.log(data.sort((a,b)=>{
a= a.name||'';
b= b.name||'';
return a.localeCompare(b)
}));
.as-console-wrapper {  max-height: 100% !important;  top: 0;}

关于javascript - react | localeCompare 对空值进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50018570/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com