我们写程序的的时候经常会遇到数组的问题,有时候转换为数组的思想会把问题变得简单。总结一下JS数组常用的操作。
可参考w3school的介绍:
http://www.w3school.com.cn/js/js_obj_array.asp
1、数组的创建
代码如下:
var arrayObj = new Array();或者var arrayObj = []; //创建一个空数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值
要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。
2、数组的元素的访问
var testGetArrValue=arrayObj[1]; //获取数组的元素值
arrayObj[1]= "这是新值"; //给数组元素赋予新的值
3、数组元素的添加
代码如下:
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。
如果要求显示的列表需要按时间排序,就可以用.unshift
4、数组元素的删除
代码如下:
arrayObj.pop(); //移除最后一个元素并返回该元素值
arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素
5、数组的截取和合并
代码如下:
arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分(也可以时字符串),注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组
如需要提取报名信息:bm张三,把"bm"和"张三"分别提取出来,就可以利用slice函数,如:
var message = "bm张三";
document.write(message.slice(0,2));
document.write("<br />");
document.write(message.slice(2));
输出的结果是:
bm
张三
如果是数组的话
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.slice(0,2));
输出就是:
George,John
对于concat:
var a = [1,2,3];
document.write(a.concat(4,5));
输出就是:
1,2,3,4,5
concat还可以连接数组:
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2))
输出就是:
George,John,Thomas,James,Adrew,Martin
6、数组的拷贝
代码如下:
arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向
arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向
7、数组元素的排序
代码如下:
arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
arrayObj.sort(); //对数组元素排序,返回数组地址
8、数组元素的字符串化
代码如下:
arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
如:
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var output = new Array(0,'A',0,'B');
document.write(arr.join()); //默认字符串间的分隔符为 ,
document.write("<br />");
document.write(arr.join(".")); //设置字符串间的分隔符为 .
document.write("<br />");
document.write(output.join("")); //设置字符串间的分隔符为空,即把各元素连接在一起
输出的结果是:
George,John,Thomas
George.John.Thomas
0A0B
分享到:
相关推荐
JavaScript常用数组操作方法,让您更快了解数组操作,更好理解
JavaScript常用数组操作方法1
这里主要汇总一下JavaScript数组操作的常用API。相信对大家解决程序问题很有帮助。 一、性质 JavaScript中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可能是整数。然而,这些数字索引在内部...
JavaScript常用的数组操作方法1.pdf 学习资料 复习资料 教学资源
JavaScript常用的数组操作方法案例2.pdf 学习资料 复习资料 教学资源
JavaScript常用的数组操作方法案例1.pdf 学习资料 复习资料 教学资源
使用[removed]调用外部的JavaScript(.js文件) 4 如何与老浏览器打交道 4 (2) 把JavaScript代码放到HTML页面不同的位置 4 把JavaScript代码放到HTML<body>部分 4 把JavaScript代码放到HTML<head...
javascript操作数组常用方法,包括删除、添加、查找元素是否存在等方法 javascript操作数组常用方法,包括删除、添加、查找元素是否存在等方法 javascript操作数组常用方法,包括删除、添加、查找元素是否存在等方法
本文实例讲述了javascript数组去重常用方法。分享给大家供大家参考,具体如下: 数组去除重复值是面试常考内容,也是很容易用到的一个技巧,下面就几种去重的方法进行介绍。 首先是最常见的方法,也就是添加一个临时...
主要介绍了JS数组去重常用方法,结合实例形式总结分析了4种常用的数据去重实现方法,涉及javascript数组的遍历、判断、追加等相关操作技巧,需要的朋友可以参考下
主要介绍了js数组常用操作方法,结合实例总结了javascript数组的增加、删除、合并、分割等操作技巧,需要的朋友可以参考下
本篇文章主要介绍了谈谈JavaScript数组常用方法总结,在JavaScript中,我们需要时常对数组进行操作。一起跟随小编过来看看吧
主要介绍了JS数组求和的常用方法,结合实例形式总结分析了5种数组求和的常见操作方法与相关处理技巧,需要的朋友可以参考下
主要介绍了js常用数组操作方法简明总结,直接上代码,代码中有详细的注释,需要的朋友可以参考下
主要介绍了JS数组求和的常用方法,结合实例形式总结分析了javascript常见的遍历、循环、归并等数组操作相关技巧,需要的朋友可以参考下
js中数组操作函数还是非常多的,今天忽然想到来总结一下,也算是温故而知新吧。不过不会针对每个办法都进行一下总结,只是针对一些比较常用的做个备注一下。 这里总结到的 js 数组操作函数有:push,pop,join,...