7、颠倒数组中元素的顺序(注意:不是为数组排序)——reverse方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>颠倒数组中元素的顺序</title>
<script type="text/javascript">
var intArray = [1,5,3,0];
intArray.reverse();
for(var intIndex in intArray){
console.log(intArray[intIndex]);
}
</script>
</head>
<body>
</body>
</html>

说明:for循环依次输出:0 3 5 1;

8、数组的排序——sort方法

注意:该方法能够传递一个自己定义的排序方法的方法名,假设不传參数那么数组将按字母顺序升序排列(即依照字符编码的顺序进行升序排序),这时假设要进行数字的排序。则会出现“意想不到”的效果,看例如以下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>数组的排序——对字母字符的排序</title>
<script type="text/javascript">
var charArray = ["a","z","g","r"];
charArray.sort();
for(var charIndex in charArray){
console.log(charArray[charIndex]);
}
</script>
</head>
<body>
</body>
</html>

说明:for循环依次输出:a g r z。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; intset=UTF-8" />
<title>数组的排序——对数字的排序</title>
<script type="text/javascript">
var intArray = ["10", "5", "40", "25", "1000", "1"];
intArray.sort();
for(var intIndex in intArray){
console.log(intArray[intIndex]);
}
</script>
</head>
<body>
</body>
</html>

说明:for循环依次输出:1 10 1000 25 40 5。

        小结:对照上面两段代码不难发现没有參数的sort方法在对数字类型的数组排序时是起不到排序效果的(呵呵呵。有人可能会想:我假设把上面代码中数字数组元素改成“var intArray = [10, 5, 40, 25, 1000, 1];”应该就能够了吧,嗯嗯嗯,你想的非常周到,但是事实是这样也不行),假设要实现对数字数组的排序代码应该这样写:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; intset=UTF-8" />
<title>数组的排序——对数字的排序</title>
<script type="text/javascript">
function compareTo(a,b){
return a - b;
}
var intArray = ["10", "5", "40", "25", "1000", "1"];
intArray.sort(compareTo);
for(var intIndex in intArray){
console.log(intArray[intIndex]);
}
</script>
</head>
<body>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; intset=UTF-8" />
<title>数组的排序——对数字的排序</title>
<script type="text/javascript">
var intArray = ["10", "5", "40", "25", "1000", "1"];
intArray.sort(function(a,b){return a - b;});
for(var intIndex in intArray){
console.log(intArray[intIndex]);
}
</script>
</head>
<body>
</body>
</html>

说明:for循环依次输出:1 5 10 25 40 1000;

对照较函数參数的说明:假设想依照自己定义的排序规则排序,就须要提供比較函数。该函数须要传入两个參数(常命名为 a
和 b)并返回一个用于说明这两个值的相对顺序的数字。其返回值例如以下:

1)、若 a 小于 b,在排序后的数组中 a 应该出如今 b 之前,则返回一个小于 0 的值。

2)、若 a 等于 b,则返回 0。

3)、若 a 大于 b,在排序后的数组中
a 应该出如今 b 之后,则返回一个大于 0 的值。

对于数组排序言尽于此,不知道大家有没有留意到对中文字符的排序——上面阐述了对字母和数字的排序。sort对中文的排序怎么样呢?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>数组的排序——对中文字符的排序</title>
<script type="text/javascript">
var charArray = ["中","啊","家","高"];
charArray.sort();
for(var charIndex in charArray){
console.log(charArray[charIndex]);
}
</script>
</head>
<body>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>数组的排序——对中文字符的排序</title>
<script type="text/javascript">
var charArray = ["中","啊","家","高"];
charArray.sort(function(a,b){return a - b;});
for(var charIndex in charArray){
console.log(charArray[charIndex]);
}
</script>
</head>
<body>
</body>
</html>

说明:上面两个代码片段中的for循环输出的结果是一样的——依次输出:中 啊 家 高;

小结:从输出结果能够发现上面代码对中文的排序是错误的。那么怎样实现对中文的排序呢,请看以下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>数组的排序——对中文字符的排序</title>
<script type="text/javascript">
var charArray = ["中","啊","家","高"];
charArray.sort(function(a,b){return a.localeCompare(b);});
for(var charIndex in charArray){
console.log(charArray[charIndex]);
}
</script>
</head>
<body>
</body>
</html>

说明:上面for循环依次输出:啊 高 家 中;这才是我们想要的结果

小结:假设要实现中文字符的排序还是要借助sort方法,可是排序比較方法中使用的是localeCompare方法,该方法也会返回一个用于说明这两个值的相对顺序的数字。其返回值例如以下:

1)、若 a 小于 b。在排序后的数组中 a 应该出如今 b 之前。则返回一个小于 0 的值。

2)、若 a 等于 b,则返回 0。

3)、若 a 大于 b。在排序后的数组中 a 应该出如今 b 之后,则返回一个大于 0 的值。

9、将数组中的元素转换为以特定字符切割的字符串——join方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>将数组中的元素转换为以特定字符切割的字符串——以英文逗号分隔</title>
<script type="text/javascript">
var nameArray = ["陈洪涛","李小宁","吴思娣"];
var nameString = nameArray.join();
console.log(nameString);
</script>
</head>
<body>
</body>
</html>

说明:控制台输出的结果为:陈洪涛,李小宁,吴思娣

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>将数组中的元素转换为以特定字符切割的字符串——以中文逗号分隔</title>
<script type="text/javascript">
var nameArray = ["陈洪涛","李小宁","吴思娣"];
var nameString = nameArray.join("。");
console.log(nameString);
</script>
</head>
<body>
</body>
</html>

说明:控制台输出的结果为:陈洪涛。李小宁,吴思娣

小结:通过上面两段代码我们能够更深层此的理解join方法——假设没有为该方法传递不论什么參数,那么其默认的数组元素切割符为英文逗号。假设为该方法传递了參数。那么数组元素切割符为所传递參数指定的切割符;

JavaScript数组的某些操作(二)的更多相关文章

  1. JavaScript数组的某些操作(一)

    在软件开发的过程中JavaScript的编程在所难免.当中对数组的操作尤为常见,这里介绍一下和JavaScript数组相关的某些操作: 1.删除并返回数组的第一个元素--shift方法: <!D ...

  2. #学习笔记#——JavaScript 数组部分编程(二)

    2.移除数组 arr 中的所有值与 item 相等的元素,直接在给定的 arr 数组上进行操作,并将结果返回 function removeWithoutCopy(arr, item) { if(!A ...

  3. JavaScript 数组的常用操作

    JavaScript splice 方法 splice 方法用于插入.删除或替换数组的元素.语法如下: array_object.splice(start, num, element1, elemen ...

  4. javascript 数组的常用操作函数

    join() Array.join(/* optional */ separator) 将数组转换为字符串,可带一个参数 separator (分隔符,默认为“,”). 与之相反的一个方法是:Stri ...

  5. Javascript 数组的一些操作

    (1) shift  删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4, ...

  6. Javascript数组操作

    使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...

  7. Javascript数组操作(转)

    1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限, ...

  8. JavaScript数组常用操作

    前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...

  9. javascript数组操作汇总

    javascript之数组操作 - 不悔的青春 - 博客园 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array( ...

随机推荐

  1. sass05 数据类型,数据运算

    /*! 数字类型 */ $n1: 1.2; $n2: 12; $n3: 14px; p{ font-size: $n3; } /*! 字符串类型*/ $s1: container; $s2: 'con ...

  2. nyoj--1057--寻找最大数(三)(贪心)

    寻找最大数(三) 时间限制:1000 ms  |  内存限制:65535 KB 难度:2 描述 给出一个整数N,每次可以移动2个相邻数位上的数字,最多移动K次,得到一个新的整数. 求这个新的整数的最大 ...

  3. 17.I/O系统访问方式和类型

    I/O方式 轮询  中断  DMA  通道

  4. Lua,github,nginx

    个人觉得这几种工具都是大学里,至少是前几年未曾出现于课本中或者图书馆中的.而如今确实某些公司赫然出现在招聘需求中的东西. 什么是Lua,为什么要用Lua——做手机游戏而被推广的.Lua原来早在93年就 ...

  5. WLAN 基础架构功能

    WLAN 基础架构功能 Android WLAN 框架可帮助用户连接到优质 WLAN 网络(在有可用 WLAN 网络且需要连接到这类网络的情况下).Android 可通过多种方式来实现这一点: 打开网 ...

  6. NodeJS学习笔记 (32)安全加密-tls

    https://github.com/chyingp/nodejs-learning-guide

  7. JZOJ5821手机信号

    用set维护,(l,r,v),注意边界,保证了两个端点l,r一定有信号站 增加有三种可能,1.直接加(没有影响),2.将原本的一个区间变成两个 3.将原本的一个区间变成三个 删除有三种情况,1.全包含 ...

  8. 紫书 例题 10-21 UVa 11971(连续概率)

    感觉这道题的转换真的是神来之笔 把木条转换成圆,只是切得次数变多一次 然后只要有一根木条长度为直径就租不成 其他点的概率为1/2^k 当前这个点的有k+1种可能 所以答案为1 - (k+1)/2^k ...

  9. COGS——T 21. [HAOI2005] 希望小学

    http://www.cogs.pro/cogs/problem/problem.php?pid=21 ★★   输入文件:hopeschool.in   输出文件:hopeschool.out    ...

  10. myeclipse2013 jsp编辑初始化

    首先,大家可能有过这种经历.双击打开jsp编辑.它默认会打开视图,这样就使人恼火了,卡死了.所以我们能够自己设jsp的默认打开方式:打开Window-->preferences得: 搜索edit ...