代码驿站移动版
频道导航
HTML/Xhtml
CSS
JavaScript
HTML5
PHP教程
ASP.NET
正则表达式
AJAX
ThinkPHP
Yii
MySQL
MariaDB
Oracle
MongoDB
Redis
DedeCMS
PHPCMS
帝国CMS
WordPress
Discuz
其它CMS
Zend Studio
Sublime
Notepad
Dreamweaver
Windows
Linux
Nginx
Apache
IIS
CentOS
Ubuntu
Debian
网站优化
工具资源
PHP源码
ASP.NET源码
其它源码
图标素材
按钮素材
字体素材
DedeCMS模板
帝国CMS模板
PHPCMS模板
WordPress模板
Discuz!模板
单页模板
开发软件下载
服务器软件下载
广告投放
联系我们
版权申明
软件编程
网页前端
移动开发
数据库
服务器
脚本语言
PHP代码
JAVA代码
Python代码
Android代码
当前位置:
主页
>
网页前端
>
JavaScript代码
>
javascript 数组使用方法汇总
时间:2021-07-08 14:47:15 | 栏目:
JavaScript代码
| 点击:次
<script language="javascript"> //Author :东阁 //Date:2008-1-11 //目的: 练习数组的基本操作 /* 由于javascript是一种无类型语言,所以一个数组的元素可以具有任意的数据类型,同一个数组的不同元素 可以具有不同的类型,数组的元素设置可以包含其他数组,这样就可以创建一个复杂的数组了. 并且在这点上说javascript作为一种脚本语言不同于那种严格的面向对象的c++.c#,java了.具有更高的灵活性. */ /* *在javascript1.1和其后的版本中,数组是用构造函数Array()和运算符new来创建, 可用以下的三种方式来创建javascript 中的数组. */ var a=new Array(); var b=new Array(5,4,3,"first","test,string"); var c=new Array(20); a[1.23]="test"; document.write("a[1.23]="+a[1.23]); //相信每位从强类型的编程语言学习javascript时,绝对会以为上面这种操作感到惊讶, //float数据也作数组的下标了,事实上 并非如您所想 //javascript在您是用负数,浮点数,(或布尔型,对象,其他值时),javascript会将它转换为一个字符串 //用生成的字符串作为对象的属性名字,而不是定义了一个新的数组元素 //上面的实例事实就是为a 创建了一个名为:"1.23"的属性. document.write("a.length="+a.length); document.write("b.length="+b.length); document.write("c.length="+c.length); a[3]="Test"; document.write("<br>a[3]="+a[3]); document.write("<br>a.length="+a.length); //以上测试也很明确我们用整数作为数组的下标是才会真正为数组添加一个元素, //这里用数组的长度来体现了javascript的数组中的奥妙。 //通过设置数组的length属性能过截断数组的长度。 a.length=3; if (a[3]==undefined) { document.write("<br>在a.length="+a.length+"后,a[3]="+a[3]); } else { document.write("<br>在a.length="+a.length+"后,a[3]="+a[3]); } //这里测试我们的多维数组元素 /* *javascript中实际上是不支持多维数组 *但是我们将一个一维数组的元素再赋给其一个一维数组,这样就看起来就实现了多维数组了,但 实际上他还是个一维数组,这和我们理解c语言的数组时的那种想法一样,但他们的实现机制是不一样的。 */ var g=new Array(3); g[3]=a; g[3][2]="Test" document.write("<br>g[3][2]="+g[3][2]); //数组join()方法 for (var i=0;i<20 ;i++ ) { c[i]=i; document.write("<br>c[i]="+c[i]); } document.write("<br>c的元素join()方法后是:"+c.join()); //数组的reverse()方法 c.reverse(); document.write("<br>c的元素在reverse()方法再join()后的结果是:"+c.join("|")); //concat()方法的测试 var h=new Array(1,2,3); h= h.concat([4,5]); //但是concat函数不会递归地展开一个元素为数组的数组。 h=h.concat(6,7,[9,[10,20]]); document.write("<br>h.length="+h.length+"<br>"+h); document.write("h[8]="+h[8]); //slice()方法 document.write("<br>h.slice(4,5)="+h.slice(4,5)); document.write("h.slice(5,9)="+h.slice(5,9)) //slice()方法:返回的数组包含有第一个参数指定的元素和那个元素开始到第二个参数指定的 //元素为止的元素但不包含第二个参数所指定的元素。 //splice()方法 //splice()方法是插入或删除数组元素通用的方法。 /* splice函数第一个参数指定了要插入或删除的元素在数组中的位置。 第二个参数指定了要从数组中删除的元个数 在第二参数之后可以有任意多个参数,它们指定的是从第一个参数指定的位置处插入的元素。 第一个元素及后续元素,做出相应的移动。 */ document.write("<br>h.splice(8,1)后的h为::"+h.splice(8,1)); //document.write("<br>h.splice(8,0,'a','b','Test')后的h为::"+h.splice(8,0,'a','b','Test')); h.splice(7,0,'a','b','Test'); document.write("<br>h.splice(7,0,'a','b','Test')后的h为:"+h); //javascript中的数组作为堆栈时和php类似 //这点有趣更有用。 //以下是作为堆栈是使用的小实例 /* push方法是将一个或多个新元素附加到数组的尾部,然后返回数组的新长度。 pop将删除数组的最后一个元素,坚守数组的长度,返回他删除的值。 */ var stack=new Array(); stack.push(1,2); document.write("<br>stack的元素是:"+stack); document.write("<br>stack.length="+stack.length); document.write("<br>stack.pop()返回的结果是:"+stack.pop()); document.write("<br>stack.length="+stack.length); //以下是作为队列使用的小实例 /* unshift方法将一个或多个元素添加到数组元素的头部,然后把已有的元素移动到下标最大的位置已腾出空间 ,它返回的是主族的新长度。 方法shift是删除并返回数组的第一个元素,然后将后面的所有元素都向前移动以填补第一个元素留下的空白。 */ var list=[]; list.unshift(6,2); document.write("<br>list的内容为:"+list); document.write("<br>list的shift方法是:"+list.shift()); //此外就剩下,我们在java中熟悉的toString()方法 了 //It's a piece of cake! document.write(c.toString()); //说白了,其实数组的toString()方法和无参数的join()的效果是完全相同 //OK,this's chapter for Array,that's all! </script>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
您可能感兴趣的文章:
JavaScript常见事件处理程序实例总结
Javascript的匿名函数小结
url传递的参数值中包含&时,url自动截断问题的解决方法
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
兼容浏览器的js事件绑定函数(详解)
相关文章
10-19
javascript上下左右定时滚动插件
11-23
Webpack中loader打包各种文件的方法实例
11-27
Javascript实例教程(19) 使用HoTMetal(2)
10-05
javascript判断图片是否加载完成的方法推荐
11-22
在javascript中执行任意html代码的方法示例解读
JQuery
VUE
AngularJS
MSSql
MySQL
MongoDB
Redis
Linux
Tomcat
Nginx
网站首页
广告投放
联系我们
版权申明
联系站长