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 TextArea的选中区域处理
Dec 28 Javascript
JQuery入门——事件切换之hover()方法应用介绍
Feb 05 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
Mar 04 Javascript
Javascript 高阶函数使用介绍
Jun 15 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
May 27 Javascript
利用浮层使select不可选的实现方法
Dec 03 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
javascript笔记之匿名函数和闭包
Feb 06 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
Apr 02 Javascript
小程序分享模块超级详解(推荐)
Apr 10 Javascript
vue中的使用token的方法示例
Mar 10 Javascript
javascript读取本地文件和目录方法详解
Aug 06 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更快的提供文件下载的代码
2012/06/13 PHP
PHP插入排序实现代码
2013/04/04 PHP
php使用mb_check_encoding检查字符串在指定的编码里是否有效
2013/11/07 PHP
php实现httpRequest的方法
2015/03/13 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
浅谈 jQuery 事件源码定位问题
2014/06/18 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
sails框架的学习指南
2014/12/22 Javascript
AngularJS 实现按需异步加载实例代码
2015/10/18 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
ES6新特性五:Set与Map的数据结构实例分析
2017/04/21 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
js删除数组中某几项的方法总结
2019/01/16 Javascript
利用Webpack实现小程序多项目管理的方法
2019/02/25 Javascript
layui实现checkbox的目录树tree的例子
2019/09/12 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
Python科学画图代码分享
2017/11/29 Python
python自动发邮件库yagmail的示例代码
2018/02/23 Python
Python工厂函数用法实例分析
2018/05/14 Python
python里dict变成list实例方法
2019/06/26 Python
Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
2020/01/25 Python
pytorch中图像的数据格式实例
2020/02/11 Python
常用的10个Python实用小技巧
2020/08/10 Python
社区党员先进事迹
2014/01/22 职场文书
党支部换届选举方案
2014/05/08 职场文书
社区综治宣传月活动总结
2014/07/02 职场文书
民主生活会对照检查材料
2014/09/22 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
试用期自我评价范文
2015/03/10 职场文书
大学生干部培训心得体会
2016/01/06 职场文书