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判断div随滚动条滚动到一定位置后停止
Apr 02 Javascript
JavaScript中数据结构与算法(四):串(BF)
Jun 19 Javascript
JS实现状态栏跑马灯文字效果代码
Oct 24 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
Oct 20 Javascript
vue中简单弹框dialog的实现方法
Feb 26 Javascript
vue element-ui table表格滚动加载方法
Mar 02 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
Aug 09 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
Mar 13 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 24 Javascript
JS实现点击掉落特效
Jan 29 Javascript
详解CocosCreator消息分发机制
Apr 16 Javascript
JS前端轻量fabric.js系列之画布初始化
Aug 05 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
建立文件交换功能的脚本(二)
2006/10/09 PHP
基于PHP编程注意事项的小结
2013/04/27 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
Js动态创建div
2008/09/25 Javascript
js 代码优化点滴记录
2012/02/19 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
JS计算网页停留时间代码
2014/04/28 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
js跨域资源共享 基础篇
2016/07/02 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
2016/09/05 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
2018/01/16 Javascript
laydate只显示时分 不显示秒的功能实现方法
2019/09/28 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
JS实现拼图游戏
2021/01/29 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
[00:20]TI9观赛名额抽取Ⅱ
2019/07/24 DOTA
Python读取MRI并显示为灰度图像实例代码
2018/01/03 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
使用TensorFlow实现二分类的方法示例
2019/02/05 Python
Python中itertools的用法详解
2020/02/07 Python
Pycharm最常用的快捷键及使用技巧
2020/03/05 Python
python的dict判断key是否存在的方法
2020/12/09 Python
HTML5的Geolocation地理位置定位API使用教程
2016/05/12 HTML / CSS
经典C++面试题一
2016/11/06 面试题
工程招投标邀请书
2014/01/26 职场文书
幼儿园教师培训方案
2014/02/04 职场文书
群众路线教育实践活动自我剖析思想汇报
2014/10/04 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
2019大学毕业晚会主持词
2019/06/21 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书