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. mvc/mvvm小小的总结

    mvc/mvvm 阮大神博客 mvc 分为三层,其实M层是数据模型层,它是真正的后端数据在前端js中的一个映射模型,他们的关系是:数据模型层和视图层有映射关系,model改变,view展示也会更改,当 ...

  2. Vuex 源码学习（一）

    (一)Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态, 并以相应的规则保证状态以一种可预测的方式发生变化. —— 来自 V ...

  3. axure扫盲

    axure扫盲 zhuyuansj   2017.10.18 20:39* 字数 162 阅读 25评论 2喜欢 3 编辑文章 坐我旁边的前端今天正好初学axure,然后我就顺便学了几招比较基础的,这 ...

  4. 使用questionsModel.values()后不能获取模型中的属性对应的外键属性值的解决方式

    class QuestionsModel(models.Model): author = models.ForeignKey(FrontUserModel,null=True) content = m ...

  5. php两个问号??表示什么意思，PHP两个问号运算符，双问号表达式

    有同学给子恒老师留言, 说在php源代码中看到有两个问号?? 不知道是什么意思. 其实两个问题??是php7新推出的表达式, c = a ?? b; 表示如果a非空,则c = a, 如果a为空,则 c ...

  6. Loadrunner 读取文件

    char buffer[1000]; long file_stream; char * filename = "d:\log.txt"; file_stream=fopen(fil ...

  7. strus2项目中百度编辑器运用的几点细节

    百度编辑器的运用可以参考我之前写的一篇文章,在java项目中加入百度富文本编辑器.这篇文章是以maven+spring mvc项目进行的,总得来说配置比较简单,但是如果是想在strus2项目中配置ue ...

  8. java注解（转并做修改）

    本文由 ImportNew - 人晓 翻译自 idlebrains.欢迎加入翻译小组.转载请见文末要求. 自Java5.0版本引入注解之后,它就成为了Java平台中非常重要的一部分.开发过程中,我们也 ...

  9. POST/有道翻译 有bug

    1.发现在翻译时地址没有变,那是POST请求. 2.通过fidder抓包工具抓取url 3.对data分析,发现每次salt和sign都在变化. 4.查看源码,先用站长工具http://tool.ch ...

  10. Linux: curl

    [user@localhost ~]$ curl -h Usage: curl [options...] <url> Options: (H) means HTTP/HTTPS only, ...