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 相关文章推荐
详解AngularJS中module模块的导入导出
Dec 10 Javascript
Knockoutjs 学习系列(一)ko初体验
Jun 07 Javascript
Angularjs 实现一个幻灯片示例代码
Sep 08 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
Apr 23 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
webpack结合express实现自动刷新的方法
May 07 Javascript
使用layer模态框给新页面传值的方法
Sep 27 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
Vue自定义render统一项目组弹框功能
Jun 07 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 Javascript
JavaScript实现消消乐的源代码
Jan 12 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/12/13 PHP
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
jQuery使用toggleClass方法动态添加删除Class样式的方法
2015/03/26 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
2016/01/29 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
2017/01/23 Javascript
DOM事件探秘篇
2017/02/15 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
node结合swig渲染摸板的方法
2018/04/11 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
python中关于日期时间处理的问答集锦
2013/03/08 Python
Python实现去除代码前行号的方法
2015/03/10 Python
理解python正则表达式
2016/01/15 Python
详解Python中的array数组模块相关使用
2016/07/05 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中
2019/08/24 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
python多线程案例之多任务copy文件完整实例
2019/10/29 Python
pyecharts绘制中国2020肺炎疫情地图的实例代码
2020/02/12 Python
Python sklearn中的.fit与.predict的用法说明
2020/06/28 Python
Python enumerate() 函数如何实现索引功能
2020/06/29 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
医学生求职自荐信
2013/10/25 职场文书
化工专业应届生求职信
2013/11/08 职场文书
计算机应用与科学个人的自我评价
2013/11/15 职场文书
食品工程专业求职信
2014/06/15 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
解除聘用合同证明书范本
2014/09/11 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
家庭经济困难证明
2015/06/23 职场文书
文艺节目主持词
2015/07/06 职场文书
2016情人节宣传语
2015/07/14 职场文书
python数据分析之单因素分析线性拟合及地理编码
2022/06/25 Python