JavaScript使用.map()对数组元素进行排序
我为该州绘制了地图JavaScript使用.map()对数组元素进行排序,javascript,arrays,reactjs,Javascript,Arrays,Reactjs,我为该州绘制了地图 array.map(item => <div> <p>{item.name}</p> <p>{item._status}</p> </div> array.map(项=> {item.name} {项目状态} 结果: 1.姓名:他,身份:真。 2.姓名:she,状态:false。 3.姓名:他,身份:假。 4.姓名:她,身份:真。 5.姓名:他们,状态:false 我希望这个错误
array.map(item =>
<div>
<p>{item.name}</p>
<p>{item._status}</p>
</div>
array.map(项=>
{item.name}
{项目状态}
结果:1.姓名:他,身份:真。
2.姓名:she,状态:false。
3.姓名:他,身份:假。
4.姓名:她,身份:真。
5.姓名:他们,状态:false 我希望这个错误的状态是第一位的,
多谢各位 结果如下:
1.姓名:she,状态:false。
2.姓名:他,身份:假。
3.名称:他们,状态:假。
4.姓名:他,身份:真。
5.名称:它们,状态:true。因此您可以先使用
.sort()
,然后使用.map()
请尝试以下操作:
{
array.sort((a, b) => (a._status === b._status) ? 0 : a._status ? 1 : -1).map(item =>
<div>
<p>{item.name}</p>
<p>{item._status}</p>
</div>
}
{
array.sort((a,b)=>(a.(u status===b.)状态)?0:a.(u status?1:-1).map(项=>
{item.name}
{项目状态}
}
我希望这有帮助!可以帮助您的示例应用程序
function App() {
let array = [
{ id: 1, name: "Her", status: false },
{ id: 2, name: "Him", status: true },
{ id: 3, name: "They", status: true },
{ id: 4, name: "She", status: false },
{ id: 5, name: "He", status: true }
];
let sorted = array.sort((a, b) => b.status - a.status);
return (
<div className="App">
{sorted.map(item => (
<div key={item.id}>
<div>
<span>{item.id}</span>
<span>{item.name}</span>
</div>
<hr />
</div>
))}
</div>
);
}
函数应用程序(){
让数组=[
{id:1,姓名:“她”,状态:false},
{id:2,姓名:“他”,状态:true},
{id:3,名称:“他们”,状态:true},
{id:4,姓名:“她”,状态:false},
{id:5,姓名:“他”,状态:真}
];
让sorted=array.sort((a,b)=>b.status-a.status);
返回(
{sorted.map(项=>(
{item.id}
{item.name}
))}
);
}
工作示例排序(先按false\u状态
排序)并使用map
array
.sort(({ _status }) => (!_status ? -1 : 1))
.map(item => (
<div>
<p>{item.name}</p>
<p>{item._status}</p>
</div>
));
数组
.sort(({u status})=>(!\u status?-1:1))
.map(项目=>(
{item.name}
{项目状态}
));
在映射Hello Hakim之前,您必须先查看数组!对于将来的参考,使用更多的解释性标题可能有助于其他人更快地识别问题。在阅读您的问题之前,阅读“Javascript数组到第一个”并没有告诉我多少信息。:)好的,谢谢兄弟,这是我第二次被问到这里谢谢兄弟,它也起作用了,我以前从来没有想过使用排序