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 相关文章推荐
jquery 获取json数据实现代码
Apr 27 Javascript
js去字符串前后空格5种实现方法及比较
Apr 03 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
jQuery原生的动画效果
Jul 10 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
Jan 19 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
vue实现滑动到底部加载更多效果
Oct 27 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
Aug 10 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
Nov 09 Javascript
完美解决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获取网页请求状态程序示例
2014/06/17 PHP
PHP内核探索之变量
2015/12/22 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
关于URL中的特殊符号使用介绍
2011/11/03 Javascript
JS连连看源码完美注释版(推荐)
2013/12/09 Javascript
为开发者准备的10款最好的jQuery日历插件
2014/02/04 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
javascript实现拖放效果
2015/12/16 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
2016/07/01 Javascript
Bootstrap CSS布局之列表
2016/12/15 Javascript
Bootstrap整体框架之JavaScript插件架构
2016/12/15 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
2017/07/13 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
2019/05/09 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
2020/11/13 Javascript
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
[01:02:32]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第二场 2月26日
2021/03/11 DOTA
Python中运行并行任务技巧
2015/02/26 Python
简单的连接MySQL与Python的Bottle框架的方法
2015/04/30 Python
详解Python绘图Turtle库
2019/10/12 Python
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
LA MER海蓝之谜美国官网:传奇面霜
2016/08/27 全球购物
香港唯港荟酒店预订:Hotel ICON
2018/03/27 全球购物
说明书范文
2014/05/07 职场文书
自主招生教师推荐信
2014/05/10 职场文书
法院反腐倡廉心得体会
2014/09/09 职场文书
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
市委常委班子党的群众路线教育实践活动整改措施
2014/10/02 职场文书
2014年减负工作总结
2014/12/10 职场文书
水浒传读书笔记
2015/06/25 职场文书
2016小学教师读书心得体会
2016/01/13 职场文书
用Python远程登陆服务器的步骤
2021/04/16 Python
在python中实现导入一个需要传参的模块
2021/05/12 Python