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的多功能软键盘插件
Jul 25 Javascript
JavaScript 上万关键字瞬间匹配实现代码
Jul 07 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
Jun 06 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
基于javascript实现根据身份证号码识别性别和年龄
Jan 22 Javascript
jquery siblings获取同辈元素用法实例分析
Jul 25 Javascript
javascript笔记之匿名函数和闭包
Feb 06 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
Feb 27 Javascript
详解jquery和vue对比
Apr 16 jQuery
iview实现动态表单和自定义验证时间段重叠
Jan 10 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中3des加密代码(完全与.net中的兼容)
2012/08/02 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
php自动获取关键字的方法
2015/01/06 PHP
php二维数组合并及去重复的方法
2015/03/04 PHP
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
2018/08/21 PHP
Yaf框架封装的MySQL数据库操作示例
2019/03/06 PHP
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
jquery选择符快速提取web表单数据示例
2014/03/27 Javascript
jQuery学习总结之jQuery事件
2014/06/30 Javascript
微信支付如何实现内置浏览器的H5页面支付
2015/09/25 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
2018/01/02 jQuery
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
layui动态绑定事件的方法
2019/09/20 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
2020/05/03 Javascript
Python深入学习之装饰器
2014/08/31 Python
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
pytorch 改变tensor尺寸的实现
2020/01/03 Python
Python 实现OpenCV格式和PIL.Image格式互转
2020/01/09 Python
Html5新增标签与样式及让元素水平垂直居中
2019/07/11 HTML / CSS
解析浏览器的一些“滚动”行为鉴赏
2019/09/16 HTML / CSS
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
应届生服装设计自我评价
2013/09/20 职场文书
办理生育手续介绍信
2014/01/14 职场文书
蜜蜂引路教学反思
2014/02/04 职场文书
同事打架检讨书
2014/02/04 职场文书
《我为你骄傲》教学反思
2014/02/20 职场文书
施工安全责任书范本
2014/07/24 职场文书
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
政协常委会议主持词
2015/07/03 职场文书