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之Ajax运用 学习运用篇
Sep 26 Javascript
倒记时60刷新网页的js代码
Feb 18 Javascript
JS小游戏之宇宙战机源码详解
Sep 25 Javascript
JavaScript中连接操作Oracle数据库实例
Apr 02 Javascript
js获取页面description的方法
May 21 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
微信小程序 wx.uploadFile无法上传解决办法
Dec 14 Javascript
js获取指定时间的前几秒
Apr 05 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
Javascript实现异步编程的过程
Jun 18 Javascript
vue实现短信验证码输入框
Apr 17 Javascript
javascript实现简单页面倒计时
Mar 02 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
yii上传文件或图片实例
2014/04/01 PHP
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
php获取网页上所有链接的方法
2015/04/03 PHP
php关联数组快速排序的方法
2015/04/17 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
Javascript根据指定下标或对象删除数组元素
2012/12/21 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
2013/10/23 Javascript
jQuery对象与DOM对象之间的相互转换
2015/03/03 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
2016/04/01 Javascript
浅谈Node.js:理解stream
2016/12/08 Javascript
jQuery中layer分页器的使用
2017/03/13 Javascript
Angular.JS中的this指向详解
2017/05/17 Javascript
jQuery+Ajax实现用户名重名实时检测
2017/06/01 jQuery
angular2+node.js express打包部署的实战
2017/07/27 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
2017/11/13 jQuery
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
python实现连接mongodb的方法
2015/05/08 Python
Python中内置的日志模块logging用法详解
2016/07/12 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
使用phonegap获取位置信息的实现方法
2017/03/31 HTML / CSS
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
意大利拉斐尔时尚购物网:Raffaello Network(支持中文)
2018/11/09 全球购物
业务总经理岗位职责
2014/02/03 职场文书
2015年护士工作总结范文
2015/03/31 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书
毕业实习感受与体会
2015/05/26 职场文书
2015年国庆晚会主持词
2015/07/01 职场文书
2019年最新感恩节祝福语(28句)
2019/11/27 职场文书
mysql部分操作
2021/04/05 MySQL
JS的深浅复制详细
2021/10/16 Javascript
Redis高可用集群redis-cluster详解
2022/03/20 Redis