定义和用法

sort() 方法用于对数组的元素进行排序。

排序顺序可以是字母或数字,并按升序或降序。

默认排序顺序为按字母升序。

注意:

  • 当数字是按字母顺序排列时”40″将排在”5″前面。
  • 使用数字排序,你必须通过一个函数作为参数来调用。
  • 函数指定数字是按照升序还是降序排列。

这些说起来可能很难理解,你可以通过本页底部实例进一步了解它。

注意: 这种方法会改变原始数组!

语法

array.sort(sortfunction)

参数 Values

参数 描述
sortfunction 可选。规定排序顺序。必须是函数。

返回值

Type 描述
Array 对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

浏览器支持

所有主流浏览器都支持sort()方法。

所有主流浏览器都支持sort()方法

实例1

数组排序:

<p id="demo">单击按钮升序排列数组。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.sort();
    var x=document.getElementById("demo");
    x.innerHTML=fruits;
}
</script>

输出结果:Apple,Banana,Mango,Orange

实例2

数字排序(数字和升序):

<p id="demo">单击按钮升序排列数组。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var points = [40,100,1,5,25,10];
    points.sort(function(a,b){return a-b});
    var x=document.getElementById("demo");
    x.innerHTML=points;
}
</script>

输出结果:1,5,10,25,40,100

实例3

数字排序(数字和降序):

<p id="demo">单击按钮降序排列数组。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var points = [40,100,1,5,25,10];
    points.sort(function(a,b){return b-a});
    var x=document.getElementById("demo");
    x.innerHTML=points;
}
</script>

输出结果:100,40,25,10,5,1

实例4

数字排序 (字母和降序):

<p id="demo">单击按钮排列数组。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.sort();
    fruits.reverse();
    var x=document.getElementById("demo");
    x.innerHTML=fruits;
}
</script>

输出结果:Orange,Mango,Banana,Apple

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

使用声明:
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的VIP素材后,只拥有使用权,著作权归原作者及码云笔记网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。
码云笔记 » JavaScript sort() 方法

发表回复

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们