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 相关文章推荐
一段利用WSH获取登录时间的jscript代码
May 11 Javascript
javascript网页关闭时提醒效果脚本
Oct 22 Javascript
javascript 自定义回调函数示例代码
Sep 26 Javascript
javascript实现模拟时钟的方法
May 13 Javascript
jquery实现顶部向右伸缩的导航区域代码
Sep 02 Javascript
理解javascript闭包
Dec 15 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
BootStrap Table对前台页面表格的支持实例讲解
Dec 22 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
May 12 Javascript
vue和webpack项目构建过程常用的npm命令详解
Jun 15 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 Javascript
vue计算属性+vue中class与style绑定(推荐)
Mar 30 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通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
php function用法如何递归及return和echo区别
2014/03/07 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
微信公众平台开发关注及取消关注事件的方法
2014/12/23 PHP
PHP中PDO事务处理操作示例
2018/05/02 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
php回调函数处理数组操作示例
2020/04/13 PHP
TNC vs IO BO3 第二场2.13
2021/03/10 DOTA
Javascript 作用域使用说明
2009/08/13 Javascript
js下写一个事件队列操作函数
2010/07/19 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
Javascript页面添加到收藏夹的简单方法
2013/08/07 Javascript
javascript计时器编写过程与实现方法
2016/02/29 Javascript
解析NodeJs的调试方法
2016/12/11 NodeJs
jQuery使用Layer弹出层插件闪退问题
2016/12/22 Javascript
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
Vue程序调试的方法
2019/06/17 Javascript
vue使用echarts画组织结构图
2021/02/06 Vue.js
python递归打印某个目录的内容(实例讲解)
2017/08/30 Python
python实现人脸识别经典算法(一) 特征脸法
2018/03/13 Python
Python解决pip install时出现的Could not fetch URL问题
2019/08/01 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
美国五金商店:Ace Hardware
2018/03/27 全球购物
剪枝的学问教学反思
2014/02/07 职场文书
《梅兰芳学艺》教学反思
2014/02/24 职场文书
奥利奥广告词
2014/03/20 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
社区义诊通知
2015/04/24 职场文书
老生常谈 使用 CSS 实现三角形的技巧(多种方法)
2021/04/13 HTML / CSS
CSS3实现列表无限滚动/轮播效果
2021/06/23 HTML / CSS
Anaconda配置各版本Pytorch的实现
2021/08/07 Python
正则表达式拆分url实例代码
2022/02/24 Java/Android
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏