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客户端解决方案 缓存提供程序
Jul 14 Javascript
用jquery写的一个万年历(自写)
Jan 20 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
vue Render中slots的使用的实例代码
Jul 19 Javascript
基于JavaScript实现无限加载瀑布流
Jul 21 Javascript
详解vue-router 命名路由和命名视图
Jun 01 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
Jun 07 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
详解如何提升JSON.stringify()的性能
Jun 12 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 Javascript
vue实现移动端input上传视频、音频
Aug 18 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 Vue.js
完美解决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使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
JavaScript中的this关键字使用详解
2015/08/14 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
vue开发心得和技巧分享
2016/10/27 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
详解Nodejs之静态资源处理
2017/06/05 NodeJs
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
详解关于webpack多入口热加载很慢的原因
2019/04/24 Javascript
Nodejs监听日志文件的变化的过程解析
2019/08/04 NodeJs
node后端服务保活的实现
2019/11/10 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
python修改list中所有元素类型的三种方法
2018/04/09 Python
浅析Python数据处理
2018/05/02 Python
python实现顺时针打印矩阵
2019/03/02 Python
Python tensorflow实现mnist手写数字识别示例【非卷积与卷积实现】
2019/12/19 Python
tensorflow ckpt模型和pb模型获取节点名称,及ckpt转pb模型实例
2020/01/21 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
HTML4和HTML5之间除了相似以外的10个主要不同
2012/12/13 HTML / CSS
美国顶级水上运动专业店:Marine Products
2018/04/15 全球购物
荣耀俄罗斯官网:HONOR俄罗斯
2020/10/31 全球购物
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
干部现实表现材料
2014/02/13 职场文书
班主任寄语大全
2014/04/04 职场文书
推荐信格式要求
2014/05/09 职场文书
毕业典礼演讲稿
2014/05/13 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
会计工作检讨书
2015/02/19 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
如何用python清洗文件中的数据
2021/06/18 Python
解决IIS7下无法绑定https主机的问题
2022/04/29 Servers