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 相关文章推荐
验证用户是否修改过页面的数据的实现方法
Sep 26 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
Aug 16 Javascript
Jquery + Ajax调用webService实例代码(asp.net)
Aug 27 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
Jul 12 Javascript
用Jquery.load载入页面实现局部刷新
Jan 22 Javascript
JavaScript 学习笔记之操作符
Jan 14 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
Sep 19 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
Dec 11 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
Dec 28 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
Dec 09 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
Mar 10 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数据库开发知多少
2006/10/09 PHP
用header 发送cookie的php代码
2007/03/16 PHP
wordpress之wp-settings.php
2007/08/17 PHP
php使浏览器直接下载pdf文件的方法
2013/11/15 PHP
php采用ajax数据提交post与post常见方法总结
2014/11/10 PHP
PHP整合七牛实现上传文件
2015/07/03 PHP
php curl模拟post请求和提交多维数组的示例代码
2015/11/19 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
对laravel的csrf 防御机制详解,及form中csrf_token()的存在介绍
2019/10/24 PHP
[原创]图片分页查看
2006/08/28 Javascript
JScript中的&quot;this&quot;关键字使用方式补充材料
2007/03/08 Javascript
用JavaScript实现使用鼠标画线的示例代码
2014/08/19 Javascript
JS+DIV实现鼠标划过切换层效果的方法
2015/05/25 Javascript
JS计算距当前时间的时间差实例
2017/12/29 Javascript
vue和webpack项目构建过程常用的npm命令详解
2018/06/15 Javascript
Three.js实现3D机房效果
2018/12/30 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
Centos7 安装Node.js10以上版本的方法步骤
2019/10/15 Javascript
python使用cookielib库示例分享
2014/03/03 Python
编写Python脚本来获取mp3文件tag信息的教程
2015/05/04 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
python中requests小技巧
2017/05/10 Python
使用python爬取B站千万级数据
2018/06/08 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
django中瀑布流写法实例代码
2019/10/14 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
Python 处理日期时间的Arrow库使用
2020/08/18 Python
如何基于pandas读取csv后合并两个股票
2020/09/25 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
2014年销售部工作总结
2014/12/01 职场文书
档案工作个人总结
2015/03/03 职场文书
2015秋季新学期开学寄语
2015/05/28 职场文书
SpringBoot生成License的实现示例
2021/06/16 Java/Android
Python机器学习之决策树和随机森林
2021/07/15 Javascript