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 相关文章推荐
js Date自定义函数 延迟脚本执行
Mar 10 Javascript
通过action传过来的值在option获取进行验证的方法
Nov 14 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
Nov 28 Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
Feb 14 Javascript
微信小程序中的swiper组件详解
Apr 14 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
ES6之模版字符串的具体使用
May 17 Javascript
详解小程序如何动态绑定点击的执行方法
Nov 26 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
Nov 05 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
比特率,大家看看这个就不用收音机音质去比MP3音质了
2021/03/01 无线电
计算2000年01月01日起到指定日的天数
2006/10/09 PHP
PHP实现多服务器session共享之NFS共享的方法
2007/03/16 PHP
PHP防注入安全代码
2008/04/09 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
基于PHP后台的Android新闻浏览客户端
2016/05/23 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
详解php实现页面静态化原理
2017/06/21 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
js报$ is not a function 的问题的解决方法
2014/01/20 Javascript
php常见的页面跳转方法汇总
2015/04/15 Javascript
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
详解在Python程序中使用Cookie的教程
2015/04/30 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
pytorch使用Variable实现线性回归
2019/05/21 Python
Django 项目通过加载不同env文件来区分不同环境
2020/02/17 Python
迪卡侬(Decathlon)加拿大官网:源自法国的运动专业超市
2020/11/22 全球购物
中软国际Java程序员笔试题
2014/07/19 面试题
高中英语教学反思
2014/02/04 职场文书
客服专员岗位职责
2014/02/28 职场文书
2014最新版群众路线四风整改措施
2014/09/24 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
2014年机关党建工作总结
2014/11/11 职场文书
司机岗位职责范本
2015/04/10 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
文明上网主题班会
2015/08/14 职场文书
优秀乡村医生事迹材料(2016精选版)
2016/02/29 职场文书
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript