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 相关文章推荐
onpropertypchange
Jul 01 Javascript
JavaScript Event学习补遗 addEventSimple
Feb 11 Javascript
imgAreaSelect 中文文档帮助说明
Oct 08 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
Js实现自定义右键行为
Mar 26 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
原生js仿jquery animate动画效果
Jul 13 Javascript
Web 开发中Ajax的Session 超时处理方法
Jan 19 Javascript
简单的网页广告特效实例
Aug 19 Javascript
vue项目添加多页面配置的步骤详解
May 22 Javascript
JavaScript运动原理基础知识详解
Apr 02 Javascript
动态实现element ui的el-table某列数据不同样式的示例
Jan 22 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 压缩文件夹的类代码
2009/11/05 PHP
使用PHP获取当前url路径的函数以及服务器变量
2013/06/29 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
培养自己的php编码规范
2015/09/28 PHP
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
java与javascript之间json格式数据互转介绍
2013/10/29 Javascript
JS delegate与live浅析
2013/12/21 Javascript
js中substring和substr的定义和用法
2014/05/05 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
React Native之TextInput组件解析示例
2017/08/22 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
解决vue动态下拉菜单 有数据未反应的问题
2020/08/06 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
Python代理抓取并验证使用多线程实现
2013/05/03 Python
Python制作爬虫采集小说
2015/10/25 Python
python读取oracle函数返回值
2016/07/18 Python
使用Python的turtle模块画图的方法
2017/11/15 Python
Python切片操作深入详解
2018/07/27 Python
对Python3 * 和 ** 运算符详解
2019/02/16 Python
python的pyecharts绘制各种图表详细(附代码)
2019/11/11 Python
Python生成器实现简单&quot;生产者消费者&quot;模型代码实例
2020/03/27 Python
浅析pandas随机排列与随机抽样
2021/01/22 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
Doyoueven官网:澳大利亚健身服饰和配饰品牌
2019/03/24 全球购物
构造方法和其他方法的区别
2016/04/26 面试题
经销商会议欢迎词
2014/01/11 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
高中同学会致辞
2015/08/01 职场文书
mysql连接查询中and与where的区别浅析
2021/07/01 MySQL
Java org.w3c.dom.Document 类方法引用报错
2021/08/07 Java/Android
纯 CSS 自定义多行省略的问题(从原理到实现)
2021/11/11 HTML / CSS
Echarts如何重新渲染实例详解
2022/05/30 Javascript