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 相关文章推荐
input 高级限制级用法
Mar 26 Javascript
javascript 程序库的比较(一)之DOM功能
Apr 07 Javascript
基于jQuery的js分页代码
Jun 10 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
Jan 14 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 Javascript
jquery实现简单合拢与展开网页面板的方法
Sep 01 Javascript
深入理解JS中的substr和substring
Apr 26 Javascript
jquery实现无刷新验证码的简单实例
May 19 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
vue中遇到的坑之变化检测问题(数组相关)
Oct 13 Javascript
layui动态绑定事件的方法
Sep 20 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读取网页文件内容的实现代码(fopen,curl等)
2011/06/23 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
php生成xml时添加CDATA标签的方法
2014/10/17 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
基于php判断客户端类型
2016/10/14 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
模仿jQuery each函数的链式调用
2009/07/22 Javascript
Mootools 1.2教程 排序类和方法简介
2009/09/15 Javascript
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
jquery一句话全选/取消全选
2011/03/01 Javascript
js string 转 int 注意的问题小结
2013/08/15 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
2015/02/28 Javascript
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
详解js的异步编程技术的方法
2017/02/09 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
javascript用defineProperty实现简单的双向绑定方法
2020/04/03 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
实用的 vue tags 创建缓存导航的过程实现
2020/12/03 Vue.js
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
Python 判断文件或目录是否存在的实例代码
2018/07/19 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
利用setuptools打包python程序的方法步骤
2020/01/18 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
python UIAutomator2使用超详细教程
2021/02/19 Python
linux面试题参考答案(11)
2012/05/01 面试题
四种会话跟踪技术
2015/05/20 面试题
上班打牌检讨书
2014/02/07 职场文书
销售员岗位职责范本
2015/04/11 职场文书
关于做家务的心得体会
2016/01/23 职场文书
安装Windows Server 2012 R2企业版操作系统并设置好相关参数
2022/04/29 Servers