Javascript基础教程之数组 array


Posted in Javascript onJanuary 18, 2015

字符串,数值,布尔值都属于离散值(scalar),如果某个变量是离散的,那么任何时候它只有一个值。

如果想使用变量存储一组值,就需要使用数组(array)。

数组是由多个名称相同的树值构成的集合,集合中每个数组都是数组的元素(element),可以使用变量team存储团队里每个成员的名字。

在JavaScript中,数组使用关键字 Array声明创建,同事还可以声明变量的长度length。例如

var aTeam = new Array(12);//声明变量的长度

在无法预知数组的最终个数时,声明数组可以不指定具体个数。例如:

var aTeam = new Array();//数组最终个数未知的情况下,可以不声明具体的个数

 aTeam[0] = 1414;

 aTeam[1] = "北京";

aTeam[2] = 0x4;

aTeam[3] = "i can";

aTeam[4] = "red";

aTeam[5] = "blue";

aTeam[6] = "orange";

另外,可以直接创建数组

var aTeam = new Array("111","blue","red","beijing");

同字符串一样,数组也可以使用length获取和指定数组的长度。

   var aTeam = new Array("111","blue","red","beijing" );

    document.write(aTeam[1]+"<br>");

    document.write(aTeam.length +"<br>")

令注:能更深刻的理解数组。

  var aTeam = new Array("111","blue","red","beijing" );

    aTeam[20] = "12415"

    document.write(aTeam[20]+"<br>");

    document.write(aTeam.length +"<br>")

另外, 数组还可以用[ ]来定义。中间使用逗号隔开。

    sTeam = [10,"5565","北京",33263,"red"]

    document.write(sTeam[3]) //输出 33263

数组可以使用toString()方便的转化

    sTeam = [10,"5565","pking",33263,"red"]

    document.write(sTeam.toString()) //

    //输出结果 10,5565,pking,33263,red

document.write(typeof(ss));

//输出结果 string

如果数组转化为字符串不想使用逗号连接 ,可使用join()方法。

   sTeam = [10,"5565","pking",33263,"red"]

    ss = sTeam.join("-");

    dd =sTeam.join("][")

    //输出结果 10,5565,pking,33263,red

    document.write(ss);

    document.write(dd);

//输出 10-5565-pking-33263-red     10][5565][pking][33263][red

对于字符串,JavaScript使用split()转化为数组

var fruit = "apple,2151,orange";

sfruit = fruit.split(",")

    document.write(sfruit); //输出 apple,2151,orange

    document.write(sfruit.join("-")); //输出apple-2151-orange

接上例,javascript提供了reverse()方法使数组反转。

var fruit = "apple,2151,orange";

sfruit = fruit.split(",")

    document.write(sfruit); //输出 apple,2151,orange

    document.write(sfruit.join("-")+"<br>"); //输出apple-2151-orange

    document.write(sfruit.reverse()+"<br>");输出 orange,2151,apple

document.write(sfruit.reverse().toString()+"<br>");输出apple,2151,orange

对于字符串反转,javascript没有直接的转化方法,我们可以利用split()将字符串转为数组,利用rerverse()进行反转,再利用join进行连接,达到字符串反转。

var fruit = "2151,orange,apple";

var sfruit = "iambeijing123";

document.write(fruit.split(",").reverse()+"<br>");//2151,orange,apple

document.write(sfruit.split("").reverse().join("")+"<br>");//输出iambeijing123

 利用sort()可以使数组元素进行(字母顺序)排序。

   fruit = ["orange2","2151","orange","apple"]

document.write(fruit.sort());//输出结果2151,apple,orange,orange2

关于push()和pop()的用法

sfruit = new Array();

sfruit.push("red");

sfruit.push("green");

sfruit.push("oragen");

sfruit.push("blue");

document.write(sfruit.length + sfruit.toString()+"<br>");

    var wfruit = sfruit.pop();

    document.write(wfruit+"<br>")

    document.write(sfruit.toString())

如上,javascript将数组看成了一个堆栈,通过push()和pop()进行压栈和出栈处理。

Javascript 相关文章推荐
判断页面是关闭还是刷新的js代码
Jan 28 Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
Dec 11 Javascript
window.open 以post方式传递参数示例代码
Feb 27 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
May 14 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
AngularJS自定义服务与fliter的混合使用
Nov 24 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
Mar 03 Javascript
discuz表情的JS提取方法分析
Mar 22 Javascript
详解使用React进行组件库开发
Feb 06 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
Dec 17 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
Apr 03 Javascript
pnpm对npm及yarn降维打击详解
Aug 05 Javascript
Javascript基础教程之数据类型转换
Jan 18 #Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
Jan 18 #Javascript
Javascript基础教程之数据类型 (数值 Number)
Jan 18 #Javascript
Javascript基础教程之数据类型 (字符串 String)
Jan 18 #Javascript
Javascript基础教程之变量
Jan 18 #Javascript
Javascript基础教程之JavaScript语法
Jan 18 #Javascript
js简单抽奖代码
Jan 16 #Javascript
You might like
详解php的魔术方法__get()和__set()使用介绍
2012/09/19 PHP
让PHP显示Facebook的粉丝数量方法
2014/01/08 PHP
分享一个php 的异常处理程序
2014/06/22 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
php格式文件打开的四种方法
2018/02/24 PHP
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
Jquery中的层次选择器与find()的区别示例介绍
2014/02/20 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
2014/04/29 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
学习JavaScript设计模式之观察者模式
2020/04/22 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
浅谈js中function的参数默认值
2017/02/20 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
2020/01/21 Javascript
JS数组的常用10种方法详解
2020/05/08 Javascript
python多线程抓取天涯帖子内容示例
2014/04/03 Python
Python中functools模块的常用函数解析
2016/06/30 Python
Python获取SQLite查询结果表列名的方法
2017/06/21 Python
Django添加feeds功能的示例
2018/08/07 Python
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
如何基于python实现归一化处理
2020/01/20 Python
Python3 Tensorlfow:增加或者减小矩阵维度的实现
2020/05/22 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
上课迟到检讨书
2014/01/19 职场文书
教育学习自我评价
2014/02/03 职场文书
大学生个人自荐信
2014/02/24 职场文书
中学校庆方案
2014/03/17 职场文书
化学教育专业求职信
2014/07/08 职场文书
先进员工获奖感言
2014/08/14 职场文书
关于清明节的演讲稿2015
2015/03/18 职场文书
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫
Python内置包对JSON文件数据进行编码和解码
2022/04/12 Python