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 相关文章推荐
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 Javascript
JS限制上传图片大小不使用控件在本地实现
Dec 19 Javascript
js调用图片隐藏&amp;显示实现代码
Sep 13 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
第二篇Bootstrap起步
Jun 21 Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 Javascript
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
JS路由跳转的简单实现代码
Sep 21 Javascript
Js利用prototype自定义数组方法示例
Oct 20 Javascript
JavaScript 有用的代码片段和 trick
Feb 22 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
JS字符串补全方法padStart()和padEnd()
May 27 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中的正规表达式(二)
2006/10/09 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
PHP中“=&gt;
2019/03/01 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
vue双向绑定的简单实现
2016/12/22 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
2017/09/04 Javascript
vue表单自定义校验规则介绍
2018/08/28 Javascript
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
python中的字典使用分享
2016/07/31 Python
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
浅谈python之新式类
2018/08/12 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
python文件转为exe文件的方法及用法详解
2019/07/08 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
美国CVS药店官网:CVS Pharmacy
2018/07/26 全球购物
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
团队精神演讲稿
2013/12/31 职场文书
一份婚庆公司创业计划书
2014/01/11 职场文书
三八节标语
2014/06/27 职场文书
小学网上祭英烈活动总结
2014/07/05 职场文书
2015年党员自评材料
2014/12/17 职场文书
离婚答辩状范文
2015/05/22 职场文书
出生证明范本
2015/06/15 职场文书
民政局2016年“六一”儿童节慰问活动总结
2016/04/06 职场文书
纯html+css实现打字效果
2021/08/02 HTML / CSS
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android