Javascipt数组

  在Javascript中数组的做用是:使用单独的变量名来储存一系列的值。

  数组只有一个属性,就是length,length表示的数组所占内存空间的数目。

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var sz = new Array();
sz[0] = 'a';
sz[1] = 'b';
sz[2] = 'c';
sz[3] = 'd';
sz[4] = 'e';
sz.length=2;
for (var i=0;i<sz.length;i++){
document.write(sz[i]+'<br />');
}
//在sz.length中虽然定义了他的长度为2但是实际上数组sz中有参数5个,所以说他的长度是5。若在数组最后定义它的长度则在输出的时候只输出他最后定义的长度的内容。
</script>
</body>
</html>

1.创建数组

  创建数组方法1:

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var sz = new Array()
sz[0] = 'a';
sz[1] = 'b';
sz[2] = 'c';
sz[3] = 'd';
sz[4] = 'e';
for (var i=0;i<sz.length;i++){
document.write(sz[i]+'<br />');
}
</script>
</body>
</html>

  创建数组方法2:

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var sz2 = new Array('a','b','c');
for (var i=0;i<sz2.length;i++){
document.write(sz2[i]+'<br />');
}
</script>
</body>
</html>

2.数组合并

  数组合并方法1:

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var a = new Array(1,2,3);
var b = new Array(3,3,3);
document.write(a.concat(b));
</script>
</body>
</html>

  数组合并方法2:

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var ac = new Array('a','a','a');
var bc = new Array('b','b','b');
var cc = ac.concat(bc);
document.write(cc+'<br />');
</script>
</body>
</html>

3.把数组合成字符串

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var arr = new Array(1,2,3,666);
document.write(arr.join('Qc'));
//把数组中的所有元素都转化为字符串,
//.join('') '' 里面放的东西就是数组的两个元素间所加的东西
</script>
</body>
</html>

4.文字数字排序

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var wz = new Array('?','孩','子','你','多','大','了','l');
document.write(wz+'<br />');
document.write(wz.sort());
//文字数组排序,数组中的所有元素输出,然后按照英文字母顺序排列,先拍列英文字母然后排列中文,符号在在最后
</script>
</body>
</html>

5.数字数组排序

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var sz = new Array(2223,11,2225,677,21,5)
function sortNumber(a,b){
return a - b ;
}
document.write(sz+'<br />');
document.write(sz.sort()+'<br />');
document.write(sz.sort(sortNumber));
//数字数组排序,数组中所有的元素输出,然后按照元素第一个数字大小开始排序,若第一位相同然后比较第二位,(不是按照数字的大小来排序的),
//若想按照数字大小开始排序则必须的写一个排序函数才可以实现
</script>
</body>
</html>

6.数字文字数组排序

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var sw = new Array(12,23,11,'啊','a');
document.write(sw+'<br />');
document.write(sw.sort());
//数字文字数组排序:先排列数字,然后英文,最后是中文排列
</script>
</body>
</html>

7.删除数组中的内容并且添加新的元素

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var sc = new Array(1,2,34,5,6,7,8);
document.write(sc+'<br />');
//sc.splice(2,3,'删除了吧');
document.write(sc.splice(2));
//删除数组中的内容并且添加新的元素,若.splice写字输出前边则可添加新的元素,第一个数字表示数组中的第几个元素,第二个数字表示删除第几个元素后的几个元素,后边添加的内容则替代删除的元素的位置。
//若.splice写在输出中则只能删出数组中的元素不能添加新的内容,第一个参数代表删除第几个数字开始显示,之前的删除,第二个数字代表保留几个元素,其他的删除,若不写则从第一个元素开始剩下的元素都保留;
</script>
</body>
</html>

8.在数组的前边或者后边添加元素

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var qj = new Array('a','b','b','c','c');
document.write(qj+'<br />');
document.write(qj.unshift('开','头')+'<br / >');
document.write(qj.push('结','尾')+'<br />');
document.write(qj);
//在数组的前边或者后边添加元素。添加时只会显示数组的长度,可以添加多个元素
</script>
</body>
</html>

9.在数组的前边或者后边删除元素并返回

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var qs = new Array('a','b','b','c','d')
document.write(qs+'<br />');
document.write(qs.shift()+'<br />');
document.write(qs+'<br />');
document.write(qs.pop()+'<br />');
document.write(qs);
//删除数组前边或者后边的一个元素,并且输出,
</script>
</body>
</html>

10.颠倒数组中元素的顺序

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var dd = new Array('1','2','3','4','5');
document.write(dd+'<br />');
document.write(dd.reverse());
//颠倒数组中元素的顺序
</script>
</body>
</html>

11.从已有的元素返回选定的元素

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var fh = new Array('a','b','c','d','e');
document.write(fh+'<br />');
document.write(fh.slice(2,4));
//从一个数字开始显示,但不显示第一个,
//第二个数字可有可无,若是写了则显示到第二个数字的位置
</script>
</body>
</html>

  数组就讲到这里了若是讲的不好请大家多多包含!

Javascipt数组的更多相关文章

  1. Javascipt数组去重的几种方式

    方法一 function unique(arr) { var retArr = []; for (var i = 0; i < arr.length; i++) { (retArr.indexO ...

  2. javascipt中数组的常见操作

    1.与lua不同,即使数组中间有null或者undefined,仍然能求出正确的长度 2.length 改变.length也会改变数组的大小 3. indexOf arr.indexOf(a)会返回第 ...

  3. javascipt——对象的概念——数组

    一.Array 特点: 数组的长度是可变的: 数组的索引可以是数字.字符串: 数组的内容可以是任意内容: 可以通过索引获取之前不存在的一个位置,其值为undefined: 1.构造函数: new Ar ...

  4. 关于JavaScipt对象的基本知识

    关于JavaScipt对象的基本知识 JavaScript是运用“对象化编程”的,又叫“面向对象编程”的.所谓“对象化编程”,意义是把JavaScript能涉及的领域划分成各种对象,对象后面还连续划分 ...

  5. 《JavaScript 闯关记》之数组

    数组是值的有序集合.每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引. JavaScript 数组是无类型的,数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型 ...

  6. JavaScript的数组(一)

    在JavaScript中,对象,数组,函数是最最常用的东东了,写完了对象和函数,最后来说说数组吧,提到数组,就只能想到,map,forEach啊,pop,push啊,当真是没有一点点的积累了?这么多年 ...

  7. javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

    Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...

  8. 探究javascript对象和数组的异同,及函数变量缓存技巧

    javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...

  9. 编写高质量代码:改善Java程序的151个建议(第5章:数组和集合___建议75~78)

    建议75:集合中的元素必须做到compareTo和equals同步 实现了Comparable接口的元素就可以排序,compareTo方法是Comparable接口要求必须实现的,它与equals方法 ...

随机推荐

  1. 2、C#基础 - Visual Studio 的版本选择和下载

    有句话说:工欲善其事,必先利其器,我不推荐在学习一个语言时使用记事本练习,甚至说相当的排斥.当然了,你也可以选择你自己喜欢的方式.本系列推荐使用的IDE为vs2017 community版,银子不够的 ...

  2. 《JavaScript设计模式》读书笔记——灵活的语言

    最近在读JavaScript设计模式这本书,准备搞一个系列来记录所学所想,其实主要原因是方便以后查阅. 第一章主要介绍了JS函数的不同定义与使用方法,用自己的方法去模拟类也是它的独有魅力所在. 首先, ...

  3. dubbo源码—SPI

    Java中的SPI SPI,Service Provider Interface,java中提供的一种使程序可扩展的方式,系统定义好接口规范,供其他服务提供方实现,服务提供方将自己jar包META-I ...

  4. Git版本号控制 为什么那么复杂 头大 (忍不住强烈吐槽)

    想把自己的源代码保存到云端.想到了用Github.com,然后便開始看怎么使用GIT. 一開始,没有接触之前,想的非常easy的.应该就跟SVN几乎相同吧.写好了提交就能够了. 只是使用了之后才发现根 ...

  5. UVA 11324 The Largest Clique(强连通分量+缩点DAG的DP)

    题意:给定一个有向图,求出一个最大的结点集,这个节点集中的随意两个点之间至少一个能到达还有一个点. 思路:假设一个点在这个节点集中,那么它所在的强连通分量中的点一定所有在这个节点集中,反之亦然, 求出 ...

  6. 转:java单例设计模式

    本文转自:http://www.cnblogs.com/yinxiaoqiexuxing/p/5605338.html 单例设计模式 Singleton是一种创建型模式,指某个类采用Singleton ...

  7. Linux基础:用tcpdump抓包

    简介 网络数据包截获分析工具.支持针对网络层.协议.主机.网络或端口的过滤.并提供and.or.not等逻辑语句帮助去除无用的信息. tcpdump - dump traffic on a netwo ...

  8. 判断DataTable某一列是否是时间列

    DataTable dt = new DataTable("Table0"); dt.Columns.Add("column0", System.Type.Ge ...

  9. animate.css+wow.js页面滚动即时显示动画

    1.地址引入 <link href="css/animate.min.css" rel="stylesheet" type="text/css& ...

  10. 小白的Python之路 if __name__ == '__main__' 解析

    if __name__ == '__main__' 参考文献: http://www.cnblogs.com/xuxm2007/archive/2010/08/04/1792463.html http ...