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 相关文章推荐
JQuery 学习笔记 element属性控制
Jul 23 Javascript
不一样的文字闪烁 轮番闪烁
Nov 11 Javascript
js获取select选中的option的text示例代码
Dec 19 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 Javascript
详解如何较好的使用js
Dec 16 Javascript
微信小程序 开发之顶部导航栏实例代码
Feb 23 Javascript
canvas简单快速的实现知乎登录页背景效果
May 08 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
ES6 更易于继承的类语法的使用
Feb 11 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
Js实现复选框的全选、全不选反选功能代码实例
Feb 28 Javascript
原生JavaScript实现换肤
Feb 19 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学习笔记之二
2011/01/17 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
PHP制作万年历
2015/01/07 PHP
php计算整个mysql数据库大小的方法
2015/06/19 PHP
php数据访问之查询关键字
2016/05/09 PHP
Yii2验证器(Validator)用法分析
2016/07/23 PHP
js window.event对象详尽解析
2009/02/17 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
2013/10/24 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
jquery选择器大全 全面详解jquery选择器
2014/03/06 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
2015/07/01 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
2017/01/13 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
微信小程序数据分析之自定义分析的实现
2018/08/17 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
angular.js实现列表orderby排序的方法
2018/10/02 Javascript
[04:02]DOTA2上海特锦赛小组赛第二日recap精彩回顾
2016/02/28 DOTA
python 中文字符串的处理实现代码
2009/10/25 Python
Python3读取zip文件信息的方法
2015/05/22 Python
Python字符串匹配算法KMP实例
2015/07/18 Python
python 截取 取出一部分的字符串方法
2017/03/01 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
python中requests库session对象的妙用详解
2017/10/30 Python
python实现转盘效果 python实现轮盘抽奖游戏
2019/01/22 Python
pandas删除指定行详解
2019/04/04 Python
python使用多线程+socket实现端口扫描
2020/05/28 Python
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
《月亮湾》教学反思
2014/04/14 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
知识改变命运演讲稿
2014/05/21 职场文书
加强作风建设演讲稿
2014/10/24 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
jupyter notebook保存文件默认路径更改方法汇总(亲测可以)
2021/06/09 Python