`

JS 最少代码实现数字排序

sort排序数字排序JS排序 
阅读更多 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var n = ["10", "5", "40", "25", "100", "1"];

function sortNumber(a, b){
	return a - b;
}

console.info(n.sort(sortNumber));

//直接一行代码实现，为了方便查看采用了缩进
function sortArr(arr) {
    return arr.sort(function(a, b) {
        return a - b;
    });
}
console.info(sortArr(n));


/**
 * a - b 的结果有三种 ， 正数、负数、零而从javascript的弱类型转换中我们可以知道，
 * 当数值为负数和零的情况下会被转义为 false，正数会被转义为 true。
 * n.sort的传参是 布尔型的，因此当你 return a-b;时 接受到的参数将是 true,false;
 * 而sort方法本身会根据传参的 true 和 false 决定是否交换相邻两个元素的位置。
 * */
</script>
</body>
</html>

 

效果图：

 

偶优化更简洁的写法：

console.info(["16", "45", "40", "25", "100", "77"].sort(function(a, b){return a - b;}));
console.info([16, 45, 40, 25, 100, 77].sort(function(a, b){return a - b;}));

 

感谢群友（大风）提出更简洁的写法：

console.info([16, 45, 40, 25, 100, 77].sort((a,b)=>a-b));

 

感谢群友（进口熊猫）提出简洁的写法：

console.info([16, 45, 40, 25, 100, 77].sort((a,b)=>{return a-b}));

 

 

 

 

 

 

  • 大小: 9.7 KB
1
顶
0
踩
分享到：
| JQ 最少代码实现带数字和箭头的焦点图
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics