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最佳实践完整篇
Aug 20 Javascript
Jquery读取URL参数小例子
Aug 30 Javascript
jquery 新建的元素事件绑定问题解决方案
Jun 12 Javascript
jQuery标签替换函数replaceWith()的使用例子
Aug 28 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
Sep 20 Javascript
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
Vue.js搭建移动端购物车界面
Jun 28 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
支付宝小程序tabbar底部导航
Nov 06 Javascript
对layui中的onevent 和event的使用详解
Sep 06 Javascript
Nuxt的动态路由和参数校验操作
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
基于文本的留言簿
2006/10/09 PHP
PHP面向对象编程快速入门
2006/12/14 PHP
PHP处理Json字符串解码返回NULL的解决方法
2014/09/01 PHP
jQuery Ajax文件上传(php)
2009/06/16 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
2014/06/06 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
JavaScript检测原始值、引用值、属性
2016/06/20 Javascript
使用伪命名空间封装保护独自创建的对象方法
2016/08/04 Javascript
AngularJs Scope详解及示例代码
2016/09/01 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
jQuery获取随机颜色的实例代码
2018/05/21 jQuery
Angular ElementRef简介及其使用
2018/10/01 Javascript
fetch 如何实现请求数据
2018/12/20 Javascript
javaScript实现一个队列的方法
2020/07/14 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
如何使用原生Js实现随机点名详解
2021/01/06 Javascript
用python + openpyxl处理excel2007文档思路以及心得
2014/07/14 Python
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
pandas 获取季度,月度,年度首尾日期的方法
2018/04/11 Python
python使用tcp实现局域网内文件传输
2020/03/20 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
浅谈keras 的抽象后端(from keras import backend as K)
2020/06/16 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
幼儿园教师自我鉴定
2014/03/20 职场文书
业务员岗位职责
2015/02/03 职场文书
Go归并排序算法的实现方法
2022/04/06 Golang
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL