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 相关文章推荐
JavaScript 精粹读书笔记(1,2)
Feb 07 Javascript
类似GMAIL的Ajax信息反馈显示
Feb 16 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 Javascript
JavaScript中的onerror事件概述及使用
Apr 01 Javascript
JQuery仿小米手机抢购页面倒计时效果
Dec 16 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
JQuery中clone方法复制节点
May 18 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
使用vue制作滑动标签
Sep 21 Javascript
vue cli3适配所有端方案的实现
Apr 13 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
Access数据库导入Mysql的方法之一
2006/10/09 PHP
PHP禁止个别IP访问网站
2013/10/30 PHP
PHP父类调用子类方法的代码例子
2014/04/09 PHP
ThinkPHP连接Oracle数据库
2016/04/22 PHP
DEFER怎么用?
2006/07/01 Javascript
驱动事件的addEvent.js代码
2007/03/27 Javascript
JavaScript Cookie的读取和写入函数
2009/12/08 Javascript
javascript 模拟点击广告
2010/01/02 Javascript
JavaScript 原型继承之构造函数继承
2011/08/26 Javascript
js控制页面控件隐藏显示的两种方法介绍
2013/10/09 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
layui-laydate时间日历控件使用方法详解
2018/11/15 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
2020/01/16 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
VSCode launch.json配置详细教程
2020/06/18 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
Python操作json数据的一个简单例子
2014/04/17 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
Python使用base64模块进行二进制数据编码详解
2018/01/11 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
解决python web项目意外关闭,但占用端口的问题
2019/12/17 Python
tensorflow 重置/清除计算图的实现
2020/01/19 Python
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
惠普香港官方商店:HP香港
2019/04/30 全球购物
请编写一个 C 函数,该函数在给定的内存区域搜索给定的字符,并返回该字符所在位置索引值
2014/09/15 面试题
国贸类专业毕业生的求职信分享
2013/12/08 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
党员民主评议个人总结
2014/10/20 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
大学生暑期实践报告
2015/07/13 职场文书
Pandas自定义选项option设置
2021/07/25 Python
Rust中的Struct使用示例详解
2022/08/14 Javascript