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的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
Dec 06 Javascript
JavaScript写的一个DIV 弹出网页对话框
Aug 14 Javascript
jQuery应用之jQuery链用法实例
Jan 19 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
Dec 04 Javascript
jQuery插件ajaxFileUpload使用实例解析
Oct 19 Javascript
Bootstrap select多选下拉框实现代码
Dec 23 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
js实现随机抽选效果、随机抽选红色球效果
Jan 13 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 Javascript
基于jQuery封装的分页组件
Jun 26 jQuery
Angular模板表单校验方法详解
Aug 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
Apache设置虚拟WEB
2006/10/09 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
NodeJS框架Express的模板视图机制分析
2011/07/19 NodeJs
jquery实现点击弹出层效果的简单实例
2014/03/03 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
2015/12/03 Javascript
jQuery实现的跨容器无缝拖动效果代码
2016/06/21 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
2018/01/08 Javascript
vue实现文件上传功能
2018/08/13 Javascript
JS实现指定区域的全屏显示功能示例
2019/04/25 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
浅谈Python中的可变对象和不可变对象
2017/07/07 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
Python 实现使用dict 创建二维数据、DataFrame
2018/04/13 Python
python库lxml在linux和WIN系统下的安装
2018/06/24 Python
Python 处理图片像素点的实例
2019/01/08 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
python调试神器PySnooper的使用
2019/07/03 Python
python绘制封闭多边形教程
2020/02/18 Python
python实现简单俄罗斯方块
2020/03/13 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
C语言面试题
2015/10/30 面试题
竞聘书格式及范文
2014/03/31 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
优秀教师事迹材料
2014/12/15 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
学校捐款活动总结
2015/05/09 职场文书
教学质量月活动总结
2015/05/11 职场文书
生日宴会家属答谢词
2015/09/29 职场文书
2016大学优秀学生干部事迹材料
2016/03/01 职场文书
2019年个人工作总结范文
2019/03/25 职场文书
MySQL命令无法输入中文问题的解决方式
2021/08/30 MySQL
JS实现九宫格拼图游戏
2022/06/28 Javascript