JavaScript中Array对象用法实例总结


Posted in Javascript onNovember 29, 2016

本文实例讲述了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 相关文章推荐
5 cool javascript apps
Mar 24 Javascript
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 Javascript
Javascript 闭包引起的IE内存泄露分析
May 23 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
JSON字符串和对象之间的转换详解
May 26 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
基于JS实现EOS隐藏错误提示层代码
Apr 25 Javascript
Node.js刷新session过期时间的实现方法推荐
May 18 Javascript
RequireJS多页面应用实例分析
Jun 29 Javascript
Json按某个键的值进行排序
Dec 22 Javascript
vue3.0 搭建项目总结(详细步骤)
May 20 Javascript
使用vue3重构拼图游戏的实现示例
Jan 25 Vue.js
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
Nov 29 #Javascript
JavaScript构建自己的对象示例
Nov 29 #Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
Nov 29 #Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 #Javascript
JavaScript中return用法示例
Nov 29 #Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 #Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 #Javascript
You might like
php入门教程 精简版
2009/12/13 PHP
windows下PHP_intl.dll正确配置方法(apache2.2+php5.3.5)
2014/01/14 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
javascript &amp;&amp;和||运算法的另类使用技巧
2009/11/28 Javascript
19个很有用的 JavaScript库推荐
2011/06/27 Javascript
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
2015/01/31 Javascript
javascript正则表达式中的replace方法详解
2015/04/20 Javascript
JavaScript实现强制重定向至HTTPS页面
2015/06/10 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
2015/10/10 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
完美实现八种js焦点轮播图(下篇)
2020/04/20 Javascript
AngularJS的ng Http Request与response格式转换方法
2016/11/07 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
2017/05/13 jQuery
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
Angular8路由守卫原理和使用方法
2019/08/29 Javascript
js实现漂亮的星空背景
2019/11/01 Javascript
javascript实现简单搜索功能
2020/03/26 Javascript
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
OpenLayers3实现图层控件功能
2020/09/25 Javascript
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
Python如何基于selenium实现自动登录博客园
2019/12/16 Python
Python函数生成器原理及使用详解
2020/03/12 Python
Python sql注入 过滤字符串的非法字符实例
2020/04/03 Python
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
应届大学生求职的自我评价
2013/11/17 职场文书
销售实习自我鉴定
2013/12/07 职场文书
我为党旗添光彩演讲稿
2014/09/13 职场文书
订货会邀请函
2015/01/31 职场文书