JavaScript中Array对象用法实例总结
本文实例讲述了JavaScript中Array对象用法。分享给大家供大家参考，具体如下：
Array数组对象有很多常用的方法和属性，现总结如下：
1. length属性，获取数组中元素的个数。
2. concat()方法，连接两个数组。将两个数组连接起来。示例如下：
var names= new Array('Jack','Tom','Jim');
var ages= new Array(12,32,44);
var concatArray;
concatArray=names.concat(ages);
这里的concatArray就是姓名数组与年龄数组结合的新数组。
3. slice()方法，获取数组中的部分数组元素。
一般有两个参数，第一个表示起始位置，第二个表示结束位置（类似于substring）。值得注意的是截取的数组元素位于第二个参数位置之前。也就是说，如果第二个参数为4，就表示截取到第四个数组元素之前。
4. join()方法，将数组转化成字符串。这个方法是javascript的方法，在jQuery中也经常用到。示例如下：
var myShopping=new Array("eggs","apple","milk");
var myShoppingList = myShopping.join("<br>");
document.write(myShoppingList);
这里的myShoppingList就成了字符串，内容为"eggs<br>apple<br>milk";
5. sort()方法，对数组中的元素进行排序，已首字母的顺序进行排列，由小到大。
6. reverse()方法，对数组中的元素进行翻转，前后掉个头。
如果将sort()方法与reverse()方法结合，就能达到逆序排列的效果。
也就是先排序，再翻个，这样就达到逆序的效果了。
下面是一个小综合的例子：
<script type='text/javascript'>
var myShopping = new Array("Eggs","Milk","Potatoes","Banana","Cereal");
var ord = parseInt(prompt("Enter 1 for alphabetical order,and -1 for reverse order",1));
switch(ord)
{
case 1:
myShopping.sort();
myShopping = myShopping.join("<br>");
document.write(myShopping);
break;
case -1:
myShopping.sort();
myShopping.reverse();
myShopping = myShopping.join("<br>");
document.write(myShopping);
break;
default:
document.write("That not a valid input.");
break;
}
</script>
这个小例子就是运用了数组对象中的排序方法和翻转方法以及join方法的小示例。如果输入为1就进行顺序排列并输出，如果为-1就进行逆序排列并输出。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了微信小程序搜索功能(附：小程序前端+PHP后端)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
下面小编就为大家带来一篇Javascript简写条件语句(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了JS实现页面长时间不操作退出到登录页面的示例代码,通过在head标签中引入jquey和页面长时间不操作的js页面,结合实例代码讲解的非常详细,需要的朋友可以参考下2024-03-03
这个仿163网盘无刷新文件上传系统，并没有用使用.net的控件，完全的手工制作。2008-10-10
本篇文章主要介绍了详解ES6之用let声明变量以及let loop机制，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要为大家详细介绍了JavaScript实现购物车案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章主要为大家详细介绍了fullPage.js和CSS3实现全屏滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要源码解读了Bootstrap导航条，介绍了Bootstrap各式各样的导航条,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
在这一章我会讲解如何去访问一个事件对象。2010-02-02
这篇文章主要介绍了js+cookies实现悬浮购物车的方法,涉及javascript数值计算与cookie的相关操作技巧,需要的朋友可以参考下2015-05-05
最新评论