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 相关文章推荐
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
js获取input标签的输入值实现代码
Aug 05 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
把jQuery的类、插件封装成seajs的模块的方法
Mar 12 Javascript
判断浏览器的内核及版本号方法汇总
Jan 05 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
详解Vue.js分发之作用域槽
Jun 13 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 Javascript
微信小程序实现form表单本地储存数据
Jun 27 Javascript
微信小程序与公众号实现数据互通的方法
Jul 25 Javascript
Vue 实现html中根据类型显示内容
Oct 28 Javascript
vue3 自定义图片放大器效果的示例代码
Jul 23 Vue.js
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
codeigniter数据库操作函数汇总
2014/06/12 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
微信公众平台天气预报功能开发
2014/07/06 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
PHP计算近1年的所有月份
2017/03/13 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
[原创]PHP global全局变量经典应用与注意事项分析【附$GLOBALS用法对比】
2019/07/12 PHP
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
javascript之锁定表格栏位
2007/06/29 Javascript
javascript学习笔记(二十) 获得和设置元素的特性(属性)
2012/06/20 Javascript
JS自动适应的图片弹窗实例
2013/06/29 Javascript
利用div+jquery自定义滚动条样式的2种方法
2013/07/18 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
浅谈 jQuery 事件源码定位问题
2014/06/18 Javascript
jquery操作HTML5 的data-*的用法实例分享
2014/08/17 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
2019/04/23 jQuery
webpack4 配置 ssr 环境遇到“document is not defined”
2019/10/24 Javascript
VUE中setTimeout和setInterval自动销毁案例
2020/09/07 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
Python正则简单实例分析
2017/03/21 Python
python中的 zip函数详解及用法举例
2020/02/16 Python
Django 项目通过加载不同env文件来区分不同环境
2020/02/17 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
Python同时处理多个异常的方法
2020/07/28 Python
python切割图片的示例
2020/11/12 Python
美国最大的团购网站:Groupon
2016/07/23 全球购物
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
四年的大学生生活自我评价
2013/12/09 职场文书
校运动会广播稿300字
2014/10/07 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
农村环境卫生倡议书
2015/04/29 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
如何将numpy二维数组中的np.nan值替换为指定的值
2021/05/14 Python
基于Pygame实现简单的贪吃蛇游戏
2021/12/06 Python