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中的107个基础知识收集整理 推荐
Mar 29 Javascript
JavaScript中URL编码函数代码
Jan 11 Javascript
javascript中String类的subString()方法和slice()方法
May 24 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
JS实现鼠标单击与双击事件共存
Mar 08 Javascript
JS控制输入框内字符串长度
May 21 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
Dec 28 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
JS实现中英文混合文字溢出友好截取功能
Aug 06 Javascript
JavaScript实现拖拽盒子效果
Feb 06 Javascript
Javascript var变量删除原理及实现
Aug 26 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
非常不错的MySQL优化的8条经验
2008/03/24 PHP
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
ThinkPHP表单自动验证实例
2014/10/13 PHP
php快速排序原理与实现方法分析
2016/05/26 PHP
PHP 获取客户端 IP 地址的方法实例代码
2018/11/11 PHP
document.compatMode介绍
2009/05/21 Javascript
jQuery EasyUI NumberBox(数字框)的用法
2010/07/08 Javascript
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
微信小程序实现滑动删除效果
2017/05/19 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
2018/07/05 jQuery
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
iview实现图片上传功能
2020/06/29 Javascript
js闭包的9个使用场景
2020/12/29 Javascript
基于并发服务器几种实现方法(总结)
2017/12/29 Python
Python中extend和append的区别讲解
2019/01/24 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
jupyter notebook清除输出方式
2020/04/10 Python
python中re模块知识点总结
2021/01/17 Python
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
信息管理专业学生自荐信格式
2013/09/22 职场文书
仓库管理制度
2014/01/21 职场文书
会计学自我鉴定
2014/02/06 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
植树造林的宣传标语
2014/06/23 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python