JavaScript强化教程——sort() 方法

原创 2016年08月30日 09:59:56
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— sort() 方法
实例
数组排序:var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();fruits 输出结果:Apple,Banana,Mango,Orange
 
定义和用法

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

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

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

注意:当数字是按字母顺序排列时"40"将排在"5"前面。

使用数字排序,你必须通过一个函数作为参数来调用。

函数指定数字是按照升序还是降序排列。

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

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

array.sort(sortfunction)参数 Values

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

返回值

Type 描述
Array 对数组的引用。请注意,数组在原数组上进行排序,不生成副本。
 
实例
数字排序(数字和升序):
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});
fruits输出结果:
1,5,10,25,40,100
实例
数字排序(数字和降序):
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});
fruits输出结果:
100,40,25,10,5,1
实例
数字排序 (字母和降序):
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits.reverse();
fruits输出结果:
Orange,Mango,Banana,Apple
点击进入JavaScript强化教程

javascript 数组排序sort方法和自我实现排序方法的学习小结 by FungLeo

前言针对一个数组进行排序,一个很常见的需求.尤其在后端.当然,前端也是有这个需求的.当然,数组排序,是有现成的方法的.就是sort()方法.我们先开看下这个.标准答案,sort方法var arr = ...
  • FungLeo
  • FungLeo
  • 2016年06月01日 14:14
  • 8358

JavaScript中sort()排序方法使用

JavaScript实现多维数组、对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序。 sort() 方法用于对数组的元素进行排序。语法如下: arrayObject....
  • desedematong
  • desedematong
  • 2016年12月06日 22:16
  • 340

javascript中数组排序方法sort()用法

对于一个数组的排序,默认的sort()按字符编码排序的:     var testArray=[3,324,5345,6546,134,5654,665];     testArray.s...
  • ren_qin
  • ren_qin
  • 2015年03月11日 11:00
  • 1077

JavaScript强化教程——Bootstrap

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Bootstrap Bootstrap 简介 什么是 Bootstrap? Bootstrap ...
  • bright_mmmmmmmmmmmm
  • bright_mmmmmmmmmmmm
  • 2016年08月01日 16:00
  • 129

JavaScript强化教程——函数参数

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 函数参数   JavaScript 函数参数 JavaScript 函数对参数的值(argum...
  • zhanyingguo
  • zhanyingguo
  • 2016年09月08日 10:38
  • 143

JavaScript强化教程-cookie对象

May the force be with you !
  • wanda000
  • wanda000
  • 2016年06月28日 14:22
  • 108

JavaScript强化教程——canvas

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— canvas 使用 strokeText(): 使用 "Arial" 字体在画布上绘制一个高 30p...
  • zhanyingguo
  • zhanyingguo
  • 2016年10月10日 09:51
  • 91

JavaScript强化教程——Prototype

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Prototype   引用 Prototype 如需测试 JavaScript 库,您需要在网页中...
  • zhanyingguo
  • zhanyingguo
  • 2016年09月09日 10:42
  • 66

JavaScript强化教程-JS面向对象编程

对事物的抽象描述   描述这类事物的特征和行为   对象是类的实例 代码实现:创建一个类 function peple(){ this.hp=0; this.a...
  • bright_mmmmmmmmmmmm
  • bright_mmmmmmmmmmmm
  • 2016年06月17日 15:02
  • 237

JavaScript强化教程——AJAX

May the force be with you !我是万达
  • wanda000
  • wanda000
  • 2016年06月27日 22:52
  • 114
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript强化教程——sort() 方法
举报原因:
原因补充:

(最多只允许输入30个字)