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 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
Dec 02 Javascript
Jquery拖拽并简单保存的实现代码
Nov 28 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
Feb 05 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
Dec 16 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
JS+html5制作简单音乐播放器
Sep 13 Javascript
laydate 显示结束时间不小于开始时间的实例
Aug 11 Javascript
JS实现的DOM插入节点操作示例
Apr 04 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
VSCode 配置uni-app的方法
Jul 11 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 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
PHP易混淆函数的区别及用法汇总
2014/11/22 PHP
谈谈你对Zend SAPIs(Zend SAPI Internals)的理解
2015/11/10 PHP
PHP版单点登陆实现方案的实例
2016/11/17 PHP
PHP 匿名函数与注意事项详细介绍
2016/11/26 PHP
jQuery .attr()和.removeAttr()方法操作元素属性示例
2013/07/16 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
2014/04/10 Javascript
javascript闭包的理解
2015/04/01 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
vue使用axios实现文件上传进度的实时更新详解
2017/12/20 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
vue实现从外部修改组件内部的变量的值
2020/07/30 Javascript
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
Python Paramiko模块的安装与使用详解
2016/11/18 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
opencv与numpy的图像基本操作
2019/03/08 Python
Python初学者常见错误详解
2019/07/02 Python
基于Pytorch SSD模型分析
2020/02/18 Python
Python动态强类型解释型语言原理解析
2020/03/25 Python
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
加州风格的游泳和沙滩装品牌:Cupshe
2019/06/10 全球购物
Oracle中delete,truncate和drop的区别
2016/05/05 面试题
EJB的几种类型
2012/08/15 面试题
服装销售人员求职自我评价
2013/09/26 职场文书
小学六年级学生评语
2014/04/22 职场文书
2014年食品安全工作总结
2014/12/04 职场文书
初中家长评语和期望
2014/12/26 职场文书
2015年煤矿安全工作总结
2015/05/23 职场文书
交流会主持词
2015/07/02 职场文书
Oracle 数据仓库ETL技术之多表插入语句的示例详解
2021/04/12 Oracle
TV动画《间谍过家家》公开PV
2022/03/20 日漫