JavaScript数组的某些操作（二）
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数组的某些操作（二）的更多相关文章
- JavaScript数组的某些操作（一）
在软件开发的过程中JavaScript的编程在所难免.当中对数组的操作尤为常见,这里介绍一下和JavaScript数组相关的某些操作: 1.删除并返回数组的第一个元素--shift方法: <!D ...
- #学习笔记#——JavaScript 数组部分编程（二）
2.移除数组 arr 中的所有值与 item 相等的元素,直接在给定的 arr 数组上进行操作,并将结果返回 function removeWithoutCopy(arr, item) { if(!A ...
- JavaScript 数组的常用操作
JavaScript splice 方法 splice 方法用于插入.删除或替换数组的元素.语法如下: array_object.splice(start, num, element1, elemen ...
- javascript 数组的常用操作函数
join() Array.join(/* optional */ separator) 将数组转换为字符串,可带一个参数 separator (分隔符,默认为“,”). 与之相反的一个方法是:Stri ...
- Javascript 数组的一些操作
(1) shift 删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4, ...
- Javascript数组操作
使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...
- Javascript数组操作（转）
1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限, ...
- JavaScript数组常用操作
前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...
- javascript数组操作汇总
javascript之数组操作 - 不悔的青春 - 博客园 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array( ...
随机推荐
- Format operator
The argument of write has to be a string, so if we want to put other values in a file, we have to co ...
- 机器学习规则:ML工程最佳实践----rules_of_ml section 2【翻译】
作者:黄永刚 ML Phase II: 特征工程 第一阶段介绍了机器学习的一个周期,为学习系统获取训练数据,通过有趣的引导设计指标,创建一个服务框架.在有了一个完整系统之后,就进入了第一阶段. 第二阶 ...
- HD-ACM算法专攻系列（2）——Rightmost Digit
题目描述: 源码: /**/ #include"iostream" using namespace std; int main() { int t, mod; long long ...
- OpenGL编程逐步深入（十）索引绘制
准备知识 OpenGl提供了一些绘图函数.到目前为止我们使用的glDrawArrays绘图函数属于"顺序绘制".这意味着顶点缓冲区从指定的偏移量开始被扫描,每X(点为1,直线为2等 ...
- 【转载】AngularJS 用$sce服务来过滤HTML标签，解决无法正确显示后台传递的html标签
angular js的强大之处之一就是他的数据双向绑定这一牛B功能,我们会常常用到的两个东西就是ng-bind和针对form的ng-model.但在我们的项目当中会遇到这样的情况,后台返回的数据中带有 ...
- PostgreSQL源代码中插件的使用
如果编译数据库时使用了gmake world和gmake install-world, 所有的插件都会被安装, 那么就不需要再次安装了. 插件目录 contrib 进入要安装的插件目录, 例如 cd ...
- 织梦CMS调用文章第一张图片（非缩略图）终极方法
之前,网上流传了很多在织梦CMS中调用第一张图片的方法,但大体都一样.即删除缩略图字符串,并添加后缀.然而这种方法仅限于jpg图片或其他单独图片类的调用.如果一个站有png.JPG.gif等多种格式. ...
- dedecms4张关键表解析之1
虽然dedecms默认共有87张表,但是只有4张最核心,最最要的表. 1.第一张表:dede_arctype 栏目表 dede设计者认为不管存放什么样的数据(文章,商品,电影)都应该属于某个栏目(类 ...
- js中字符串下划线转为驼峰
function camelCase(string){ // Support: IE9-11+ return string.replace( /-([a-z])/g, function( all, l ...
- rpm卸载包遭遇 specifies multiple packages 错误
使用 rpm删除软件时报错如下: [root@hostxxlidan]# rpm -qa |grep -i mysqlmysql-devel-5.0.95-5.el5_9mysql-devel-5.0 ...