排序vs if如果在javascript中选择哪一个？

Question

我有一个场景，在这个场景中，我需要以索引号的递增顺序显示数据。

myArray = [
{custom_carousel: false, default_label: "SmartCards", index: 3, visible: true}, 
{custom_carousel: false, default_label: "Pathways", index: 2, visible: false},
{custom_carousel: false, default_label: "Pathways", index: 1, visible: false},
{custom_carousel: false, default_label: "Pathways", index: 0, visible: false}
]

我应该首先对数组进行排序还是添加if else if条件？

if(index === 0){

}else if (index === 1){

}else if (index === 2){

}else if (index === 3){

}

Answer 1

您可以使用基于index值的sort方法：

​

myArray = [
{custom_carousel: false, default_label: "Pathways", index: 2, visible: false},
{custom_carousel: false, default_label: "SmartCards", index: 3, visible: true}, 
{custom_carousel: false, default_label: "Pathways", index: 1, visible: false},
{custom_carousel: false, default_label: "Pathways", index: 0, visible: false}
]
console.log(myArray.sort((a,b)=>a.index - b.index));

​

Answer 2

myArray.sort(function(a, b){return a.index - b.index});

将按索引对数组进行排序

Answer 3

我建议提前对数组进行排序，然后按数组的索引进行访问。

的原因

• 易于维护，具有更多的数组元素
• 易于按所需的顺序访问
• 代码，即易于理解，而不是有一些代码，原因不明显且要求explanation
• access速度快，而不是总是从开始迭代数组以获取下一项。

​

var myArray = [{ custom_carousel: false, default_label: "SmartCards", index: 3, visible: true }, { custom_carousel: false, default_label: "Pathways", index: 2, visible: false }, { custom_carousel: false, default_label: "Pathways", index: 1, visible: false }, { custom_carousel: false, default_label: "Pathways", index: 0, visible: false }]

myArray.sort(({ index: a }, { index: b }) => a - b);

console.log(myArray);

​