JS数组的基本用法

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("1");
    arr.push("2");
    arr.push("3");
    arr.push("4");
    var count=arr.length;
    var res=‘‘;
    for(var i=0;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("1");
    arr.unshift("2");
    arr.unshift("3");
    arr.unshift("4");
    var count=arr.length;
    var res=‘‘;
    for(var i=0;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

时间: 2024-12-14 10:36:15

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

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

new Array() new Array(len) new Array([item0,[item1,[item2,...]]] 使用数组对象的方法: var objArray=new Array(); objArray.concact([item1[,item2[,....]]]-------------------将参数列表连接到objArray的后面形成一个新的数组并返回,原有数组不受影响.如:var arr=["a","b","c"];

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

首先下载下面这个文件(这是一段是别人写出来专门解析json的代码),然后引入这个文件! http://pan.baidu.com/s/1dD8qVr7 现在当我们需要用ajax与后台进行交互时,怎样将php的数组传送到js文件并且并js所识别? 先看php文件,当我们获取到$arr这个数组后 foreach ($arr as $value) { $json .= json_encode($value) . ','; } echo '[' . substr($json,0,strlen($json

js数组的操作

转载 js数组的操作 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多, 自以为js高手的自己居然无从下手,一下狠心,我学!呵呵.学了之后才知道,js数组的功能强大很,远比VB,C#强多了,大家慢慢看吧 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限

js数组操作常用方法(转自:http://www.jbxue.com/article/js/20224.html)

js数组操作常用方法,包括数组的创建.数组的元素的访问.数组元素的删除.数组的拷贝等. 原文参考自:http://www.jbxue.com/article/js/20224.html 在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽.记录下来.1.数组的创建 var arr

2017/5/8总结 js数组及json(对象数组)操作

1.request获取传值问题 for (int i = 0; i < context.Request.Form.Count; i++) { //for (int i = 0; i < context.Request.Form.Keys[i] ; ) string []txtArr=context.Request.Params.GetValues(context.Request.Form.Keys[i]); for (int j = 0; j<txtArr.Length;j++ ) sb

js数组的操作。好难,自己学习下。

js数组的操作 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可

js数组的操作及数组与字符串的相互转化

数组与字符串的相互转化 <script type="text/javascript">var obj="new1abcdefg".replace(/(.)(?=[^$])/g,"$1,").split(",");       //字符串转化为数组 var obj2 = "new2abcdefg".split("");                              

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

看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:http://m.blog.csdn.NET/blog/u014357977/38298263 正文↓ js数组遍历相信大家都不陌生,很多人会想到for循环和 for...in...循环,但是千万不要使用for...in...循环遍历数组,特别是如果你想写点有用的,能够移植的代码时.下面我们来看看这个

js数组的操作 Full

js数组的操作 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵呵.学了之后才知道,js数组的功能强大很,远比VB,C#强多了,大家慢慢看吧 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度