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控制上传文件的大小
Oct 26 Javascript
javascript下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
javascript天然的迭代器
Oct 29 Javascript
一个挺有意思的Javascript小问题说明
Sep 26 Javascript
基于jquery实现的文字淡入淡出效果
Nov 14 Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 Javascript
JavaScript_ECMA5数组新特性详解
Jun 12 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
Sep 02 Javascript
Vue实现双向数据绑定
May 03 Javascript
使用 vue.js 构建大型单页应用
Feb 10 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
Aug 11 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对csv文件的读取,写入,输出下载操作详解
2013/08/10 PHP
PHP对象递归引用造成内存泄漏分析
2014/08/28 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
ThinkPHP和UCenter接口冲突的解决方法
2016/07/25 PHP
解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题
2019/10/16 PHP
js实现的网站首页随机公告随机公告
2007/03/14 Javascript
JavaScript入门教程 Cookies
2009/01/31 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
js弹出层(jQuery插件形式附带reLoad功能)
2013/04/12 Javascript
jQuery ajax dataType值为text json探索分享
2013/09/23 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
js模仿java的Map集合详解
2016/01/06 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
BootStrap Typeahead自动补全插件实例代码
2016/08/10 Javascript
javascript深拷贝的原理与实现方法分析
2017/04/10 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
在 Vue 中编写 SVG 图标组件的方法
2020/02/24 Javascript
[02:36]DOTA2英雄基础教程 一击致命幻影刺客
2013/12/06 DOTA
[02:49]DOTA2完美大师赛首日观众采访
2017/11/23 DOTA
Python lambda和Python def区别分析
2014/11/30 Python
使用相同的Apache实例来运行Django和Media文件
2015/07/22 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
详解将Django部署到Centos7全攻略
2018/09/26 Python
python三大神器之fabric使用教程
2019/06/10 Python
Python实现桌面翻译工具【新手必学】
2020/02/12 Python
Django中和时区相关的安全问题详解
2020/10/12 Python
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
CSS实现fullpage.js全屏滚动效果的示例代码
2021/03/24 HTML / CSS
机电专业个人自荐信格式模板
2013/09/23 职场文书
实习自荐信
2013/10/13 职场文书
销售辞职报告范文
2014/01/12 职场文书
大学旷课检讨书
2014/01/28 职场文书
机关单位工作失职检讨书
2014/11/20 职场文书
科技馆观后感
2015/06/08 职场文书
《没有任何借口》读后感:完美的执行能力
2020/01/07 职场文书