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 相关文章推荐
弹出广告特效(一个IP只弹出一次)的代码
Jul 27 Javascript
js中的string.format函数代码
Aug 11 Javascript
js读取cookie方法总结
Oct 31 Javascript
JavaScript常用小技巧小结
Dec 29 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
Mar 09 Javascript
在Vue 中使用Typescript的示例代码
Sep 10 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
vue基本使用--refs获取组件或元素的实例
Nov 07 Javascript
vue(2.x,3.0)配置跨域代理
Nov 27 Javascript
JS实现音量控制拖动
Jan 15 Javascript
Layer UI表格列日期格式化及取消自动填充日期的实现方法
May 10 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的历史和优缺点
2006/10/09 PHP
一个数据采集类
2007/02/14 PHP
php下把数组保存为文件格式的实例应用
2010/02/08 PHP
input file获得文件根目录简单实现
2013/04/26 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
php实现QQ空间获取当前用户的用户名并生成图片
2015/07/25 PHP
使用Apache的rewrite
2021/03/09 Servers
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
js中的window.open返回object的错误的解决方法
2009/08/15 Javascript
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
编写针对IE的JS代码两种编写方法
2013/01/30 Javascript
css transform 3D幻灯片特效实现步骤解读
2013/03/27 Javascript
javascipt基础内容--需要注意的细节
2013/04/10 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
2015/07/27 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
Node.js操作Firebird数据库教程
2016/03/04 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
python3使用PyMysql连接mysql数据库实例
2017/02/07 Python
python实现输入数字的连续加减方法
2018/06/22 Python
python求质数的3种方法
2018/09/28 Python
Python编程flask使用页面模版的方法
2018/12/28 Python
Python字符串和正则表达式中的反斜杠('\')问题详解
2019/09/03 Python
keras自定义损失函数并且模型加载的写法介绍
2020/06/15 Python
全球领先的中国制造商品在线批发平台:DHgate
2020/01/28 全球购物
安全生产管理合理化建议书
2014/03/12 职场文书
信息合作协议书
2014/10/09 职场文书
工作检讨书怎么写
2014/10/10 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书
《为人民服务》教学反思
2016/02/20 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
Python基于百度API识别并提取图片中文字
2021/06/27 Python
Python使用socket去实现TCP客户端和TCP服务端
2022/04/12 Python