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 相关文章推荐
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
Javascript单元测试框架QUnitjs详细介绍
May 08 Javascript
js实现滑动触屏事件监听的方法
May 05 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
JavaScript 链式结构序列化详解
Sep 30 Javascript
JavaScript 实现的checkbox经典实例分享
Oct 16 Javascript
JavaScript验证知识整理
Mar 24 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
Nov 01 Javascript
JS异步错误捕获的一些事小结
Apr 26 Javascript
layer.open的自适应及居中及子页面标题的修改方法
Sep 05 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
Sep 23 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生成网页快照 不用COM不用扩展.
2010/02/11 PHP
获取PHP警告错误信息的解决方法
2013/06/03 PHP
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
JS 强制设为首页的代码
2009/01/31 Javascript
JQuery中$之选择器用法介绍
2011/04/05 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
浅谈Node.js中的定时器
2015/06/18 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
网络传输协议(http协议)
2016/11/18 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
原生JS实现日历组件的示例代码
2017/09/22 Javascript
详解Nuxt.js部署及踩过的坑
2018/08/07 Javascript
vue基础之模板和过滤器用法实例分析
2019/03/12 Javascript
Node.js系列之发起get/post请求(2)
2019/08/30 Javascript
vant实现购物车功能
2020/06/29 Javascript
基于js实现的图片拖拽排序源码实例
2020/11/04 Javascript
Python使用ConfigParser模块操作配置文件的方法
2018/06/29 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python里 super类的工作原理详解
2019/06/19 Python
用60行代码实现Python自动抢微信红包
2021/02/04 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
幼儿教师自我鉴定
2013/11/02 职场文书
乡镇干部先进事迹材料
2014/02/03 职场文书
天鹅的故事教学反思
2014/02/04 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书
班级文化建设标语
2014/06/23 职场文书
民政局副局长民主生活会个人对照检查材料
2014/09/19 职场文书
大学生毕业评语
2014/12/31 职场文书
世界红十字日活动总结
2015/02/10 职场文书
团组织关系介绍信
2019/06/24 职场文书
springboot中一些比较常用的注解总结
2021/06/11 Java/Android
Vue3中的Refs和Ref详情
2021/11/11 Vue.js