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中两种类型的全局对象/函数
Dec 05 Javascript
Node.js中的事件驱动编程详解
Aug 16 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
Apr 01 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
使用vue构建移动应用实战代码
Aug 02 Javascript
Javascript实现跨域后台设置拦截的方法详解
Aug 04 Javascript
Angular中响应式表单的三种更新值方法详析
Aug 22 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
vue实现条件叠加搜索的解决方法
May 28 Javascript
vue动画—通过钩子函数实现半场动画操作
Aug 09 Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 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 数据库字段复用的基本原理与示例
2011/07/22 PHP
2款PHP无限级分类实例代码
2015/11/11 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
用jquery与css打造个性化的单选框和复选框
2010/10/20 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
2015/02/18 Javascript
Underscore.js 1.3.3 中文注释翻译说明
2015/06/25 Javascript
Underscore源码分析
2015/12/30 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
AngularJS基础 ng-dblclick 指令用法
2016/08/01 Javascript
jQuery实现表格元素动态创建功能
2017/01/09 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
vue一个页面实现音乐播放器的示例
2018/02/06 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
2018/07/26 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
js实现九宫格抽奖
2020/03/19 Javascript
[00:32]DOTA2上海特级锦标赛 Ehome战队宣传片
2016/03/03 DOTA
Python实现的Kmeans++算法实例
2014/04/26 Python
如何利用Fabric自动化你的任务
2016/10/20 Python
Python中字符串格式化str.format的详细介绍
2017/02/17 Python
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
pyinstaller参数介绍以及总结详解
2019/07/12 Python
python小程序实现刷票功能详解
2019/07/17 Python
Django RBAC权限管理设计过程详解
2019/08/06 Python
Python基于yield遍历多个可迭代对象
2020/03/12 Python
python logging模块的使用
2020/09/07 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
人力资源部经理的岗位职责
2014/03/04 职场文书
2014年商场工作总结
2014/11/22 职场文书
聘任合同书
2015/09/21 职场文书
PHP实现创建以太坊钱包转账等功能
2021/04/21 PHP
详解CSS开发过程中的20个快速提升技巧
2021/05/21 HTML / CSS
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript