JS数组的用法包括创建、取值赋值、添加以及根据下标(包括数值或字符)来移除元素等等,在本文中将为大家详细介绍,感兴趣的朋友可以参考下。

1.创建数组:

//1.1直接创建一个数组对象

var array=new Array();

//1.2直接创建一个数组对象

var array=new Array(size);

//1.3创建数组并为数组赋值

var array=new Array(item1,item2,item3....,itemN);

2.对数组取值、赋值 

//2.1取得下标为index的元素
var item=array[index];
//2.2为下标为index的元素赋值为value
array[index]=value;

3.对数组添加元素

//3.1将一个或多个元素加入到数组,返回数组的长度

array.push(item1,item2……itemN); 

//3.2将一个或多个元素加入到数组的开始位置,原有元素位置自动后移,返回新数组的长度

array.unshift(item1,item2……itemN); 

//3.3从start的位置开始向后删除delCount个元素,然后从start的位置开始插入一个或多个新元素

array.splice(start,delCount,item1,item2……itemN);  

4.删除数组的元素

//4.1删除最后一个元素,并返回该元素

array.pop();

//4.2删除第一个元素,数组元素位置自动前移,返回被删除的元素

array.shift();

//4.3从start的位置开始向后删除delCount个元素,所以通过下标来删除元素可以用这种方式。如:array.splice(0,1);0代表第0个元素,1代表从这个下标开始算起,删除一个元素。

array.splice(start,delCount);  

5.数组的截取与合并

//5.1以数组的形式返回数组的一部分,注意不包括end下标的元素,如果省略了end,就会赋值start之后的所有元素

array.slice(start,end);

//5.2将多个数组合并成一个数组

array.concat(array1,array2); 

6.数组的排序

var arr=[2,3,1,4,5];

//6.1对arr进行升序排序,结果为12345

arr.sort();

//6.2对arr进行降序排序,结果为54321

//有以下两种方式:

//6.2.1先升序排列,再反转数组

//6.2.2直接使用sort()方法,传入一个判断的匿名函数进行倒序排列

arr.sort(function(p,n){

  return n-p;//降序

  //return p-n;//升序

});    

7.数组的反转

var array=[3,2,1,4,5];
var newArr=array.reverse();//得到5,4,1,2,3

8. 数组转字符串

var array=[1,2,3,4,5];
var str=array.join('|');//得到1|2|3|4|5

9.使用数组来实现队列和栈

因为队列是先进先出,栈先进后出。如下图所示:

接下来,我们使用数组来实现这两种。

    //先来实现队列

    var arr=new Array();

    arr.push("");

    arr.push("");

    arr.push("");

    arr.push("");

    var count=arr.length;

    var res='';

    for(var i=;i<count;i++){

        res+=arr.shift()+" length="+ arr.length+"\n";

    }

    document.write(res);//结果为1 length=3 2 length=2 3 length=1 4 length=0

然后实现先进后出的方式:

    var arr=new Array();

    arr.unshift("");

    arr.unshift("");

    arr.unshift("");

    arr.unshift("");

    var count=arr.length;

    var res='';

    for(var i=;i<count;i++){

        res+=arr.shift()+" length="+ arr.length+"\n";

    }

    document.write(res);//结果为4 length=3 3 length=2 2 length=1 1 length=0

JS数组的基本用法的更多相关文章

  1. js数组的基本用法及数组根据下标(数值或字符)移除元素

    1.创建数组 var array = new Array(); var array = new Array(size);//指定数组的长度 var array = new Array(item1,it ...

  2. JS中数组Array的用法{转载}

    js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^var arr = new Array();arr[0] = "aaa";arr[1] ...

  3. JS中数组Array的用法示例介绍 (转)

    new Array() new Array(len) new Array([item0,[item1,[item2,...]]] 使用数组对象的方法: var objArray=new Array() ...

  4. JS中数组Array的用法

    js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了. var arr = new Array();  // 初始化数组arr[0] = "aaa";arr[1] = ...

  5. js 数组 var arr=[] 的用法总结

    刚接触了一个js数组,用起来很头疼,总结一下 基本格式: var arr = [[name,value],[name2,value2],[name3,value3]]; 如何给 arr 动态添加元素 ...

  6. JSON用法之将PHP数组转JS数组,JS如何接收PHP数组

    先看php文件,当我们获取到$arr这个数组后 foreach ($arr as $value) { $json .= json_encode($value) . ','; } echo '[' . ...

  7. 将php数组转js数组,js如何接收PHP数组,json的用法

    首先下载下面这个文件(这是一段是别人写出来专门解析json的代码),然后引入这个文件! http://pan.baidu.com/s/1dD8qVr7 现在当我们需要用ajax与后台进行交互时,怎样将 ...

  8. 转→js数组遍历 千万不要使用for...in...

    看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...

  9. js数组操作

    用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多, 自以为js高手的自己居然无从下手,一下狠心,我学! ...

随机推荐

  1. linux编程开发命令

    test命令命令功能test命令是shell环境中测试条件表达式的实用工具.命令语法test(选项)选项说明-b〈文件〉如果文件为一个块特殊文件,则为真;-c<文件〉,如果文件为一个字符特殊文件 ...

  2. phpcms从表v9_news_data中字段content中用正则取出图片的地址输出

    preg_match ("<img.*src=[\"](.*?)[\"].*?>",$test,$match); echo "$match ...

  3. centos 6.4 系统代理上网 设置

    前面讲了yum 代理设置上网的方法,现在设置一下系统代理上网, 网上很多都不管用,已亲测管用 [root@proxy ~]# cat .bash_profile #root目下添加代理上网,蓝色代码# ...

  4. 20145212 《Java程序设计》第3周学习总结

    20145212 <Java程序设计>第3周学习总结 教材学习内容总结 教材第四章知识点总结 面向对象和面向过程: 面向对象是相对面向过程而言的,面向过程强调的是功能行为,面向对象是将过程 ...

  5. Vim编辑器

    vim的学习曲线相当的大(参看各种文本编辑器的学习曲线),所以,如果你一开始看到的是一大堆VIM的命令分类,你一定会对这个编辑器失去兴趣的.下面的文章翻译自<Learn Vim Progress ...

  6. python类的高级属性

    ---恢复内容开始--- 类方法:通过@classmethod装饰器实现,类方法和普通方法的区别是,类方法只能访问类变量,不能访问实例变量,代码如下: class Person(object): de ...

  7. LaTex数学符号

    http://web.ift.uib.no/Teori/KURS/WRK/TeX/symALL.html

  8. CSS3 让图片镜像对称

    1.HTML代码 <!DOCTYPE html> <html> <head> <title>test</title> </head&g ...

  9. SCWS分词扩展在UNIX/LINUX下的安装方法

    <?php/** * 中文分词处理方法 *+--------------------------------- * @param stirng  $string 要处理的字符串 * @param ...

  10. DNS域传送漏洞利用

    DNS区域传送(DNS zone transfer)指的是一台备用服务器使用来自主服务器的数据刷新自己的域(zone)数据库.这为运行中的DNS服务提供了一定的冗余度,其目的是为了防止主的域名服务器因 ...