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 相关文章推荐
Prototype源码浅析 Number部分
Jan 16 Javascript
js实现按Ctrl+Enter发送效果
Sep 18 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
JS动态增删表格行的方法
Mar 03 Javascript
jQuery基于扩展实现的倒计时效果
May 14 Javascript
js实现精确到秒的倒计时效果
May 29 Javascript
JavaScript实现星级评分
Jan 12 Javascript
微信小程序 空白页重定向解决办法
Jun 27 Javascript
3种vue组件的书写形式
Nov 29 Javascript
详解webpack+express多页站点开发
Dec 22 Javascript
webpack4实现不同的导出类型
Apr 09 Javascript
详解Vue的组件中data选项为什么必须是函数
Aug 17 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 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
PHP swfupload图片上传的实例代码
2013/09/30 PHP
PHP文件上传主要代码讲解
2013/09/30 PHP
php ZipArchive压缩函数详解实例
2013/11/06 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
ThinkPHP5.1表单令牌Token失效问题的解决
2019/03/22 PHP
用jscript实现列出安装的软件列表
2007/06/18 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
用jQuery获取IE9下拉框默认值问题探讨
2013/07/22 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
30分钟快速掌握Bootstrap框架
2016/05/24 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
2017/03/04 Javascript
微信小程序 首页制作简单实例
2017/04/07 Javascript
微信小程序 按钮滑动的实现方法
2017/09/27 Javascript
浅谈vuejs实现数据驱动视图原理
2018/02/23 Javascript
webpack 模块热替换原理
2018/04/09 Javascript
vue移动端实现下拉刷新
2018/04/22 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
Vue父子之间值传递的实例教程
2020/07/02 Javascript
在vue中嵌入外部网站的实现
2020/11/13 Javascript
python获取当前时间对应unix时间戳的方法
2015/05/15 Python
Python multiprocess pool模块报错pickling error问题解决方法分析
2019/03/20 Python
Python中format()格式输出全解
2019/04/12 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
汇智创新科技发展有限公司
2015/12/06 面试题
煤矿班组长岗位职责
2013/12/29 职场文书
校园摄影活动策划方案
2014/02/05 职场文书
中学生励志演讲稿
2014/04/26 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
党员评议自我评价
2015/03/03 职场文书
教师求职信怎么写
2015/03/20 职场文书