最近工作中用到数组和js对象比较多,这里先总结一下数组。
1.数组的定义
var array1= new Array(); var array2=new Array(6); var array3=new Array(['a','b']); var array4=[]; var array5=[1,"a"];
说明:js和java数组不太一样,他的数组长度是可以变化的,类似Java的List
array2虽然定义数组长度是6,但是他可以增加其内容改变其长度。
2.增
function addTest() { var addArray=[]; //初始化一下 addArray.push("a"); //将新元素添加到数组的最后(入队),并返回新数组的长度 alert("addArray数组长度:"+addArray.push("b")); addArray.unshift("c"); //将新元素放到数组的最开始(入栈),并返回新数组的长度 alert("addArray数组长度:"+addArray.unshift("d")); var temp=addArray.splice(2,1,"e","f"); //将新元素插入到指定的位置,返回被删除的元素 //从index:2的位置删除1个元素,并添加e,f进入数组 alert(temp); alert(addArray); //结果:d,c,e,f,b }
说明:
1.js数组三种新增方式push、unshift、splice
2.三种方式可以添加单个元素,也可以添加多个元素/数组
3.删
function delTest() { var delArray=["a","b","c","d"]; var delObj=delArray.pop(); //删除最后一个元素,并返回该元素(出队) alert(delObj); //结果:d delObj=delArray.shift(); //删除第一个元素,并返回该元素(出栈) alert(delObj); //结果:a delObj=delArray.splice(1,1); //从index:1的位置删除1个元素 alert(delObj) //结果:c alert(delArray); //结果:b }
4.查 和 改
function ruTest() { var array=["a","b","c","d"]; alert(array[1]); array[1]="b1"; alert(array); }
5.遍历
function iteratorTest() { var array=["a","b","c","d"]; //方式一:for in for(var i in array) { alert(i+":"+array[i]); } //方式二:传统for for(var i=0;i<array.length;i++) { alert(i+":"+array[i]); } }
6.一些方法
1.concat:拼接元素,并返回结果
2.join:使用指定的分隔符把数组拼成字符串
3.reverse:反序输出,会改变当前数组
4.slice(start,end):从数组中取出,半开半闭区间
5.sort:排序
function otherTest() { var array=["a","b","c","d"]; var array1=["e","f"]; alert("concat:"+array.concat("z",array1)); alert("join:"+array.join("#")); alert("reverse:"+array.reverse()); alert("slice:"+array.slice(1,3)); alert("sort:"+array.sort()); }
说明:
1.concat:不会改变当前的数组,他会返回一个拼接好的数组副本
2.concat:拼接的内容可以是单个元素,也可以是数组,并且可拼接多个
3.reverse:是会改变但前数组的
4.slice:是一个半开半闭的区间,例如:slice(1,3):取的是index:1和index:2
5.sort:一种自然排序,数字和字母
7.返回创建对象的函数
function constructorTest() { var testArray=new Array(); alert(testArray.constructor); alert((new Date()).constructor); alert(typeof(testArray.constructor)); //返回的是一个函数 }
8.原型属性测试
function prototypeTest() { //对Array进行扩展 Array.prototype.myMethod=function(param){ alert(param+"我自己扩展的方法!")}; var testArray=new Array(); testArray.myMethod("hi"); //扩展后所有的Array对象都具有这个方法 } //可以看到原型扩展是全局的,这里并没有原型扩展语句 但是新创建的Array仍然有这个方法 function prototypeTest1() { var testArray=new Array(); testArray.myMethod("hello"); }
声明:
1.原创文章,转载请标明并加本文连接。
2.文章反映个人愚见,如有异议欢迎讨论指正
3.更多的内容请看我的 个人博客(测试版)
相关推荐
JavaScript Array数组去重源码下载
javaScript:将Array数组分页处理,支持分页数据容错; js文件:Page4array分页处理工具类; 兼容版本ES6。 博文:https://blog.csdn.net/HTouying/article/details/88898258
JS中Array数组学习总结.docx
javscript中json对象和Array数组的区别
浅析JavaScript中的array数组类型系统_.docx
实现了一些比较常见的array功能,并且使用了 jest 进行测试。 实现的方法包括: concat find flat forEach & map includes join pop push reduce reverse shift slice some sort splice unshift 有些同质化比较高的...
里面有三个js文件,都是需要引入的。具体的方法,可以看源码。
主要介绍了js array数组对象操作方法汇总,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
主要介绍了JS array数组检测方式解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
本文主要介绍了JS中Array数组的相关知识。具有一定的参考价值,下面跟着小编一起来看下吧
主要介绍了javascript Array 数组常用方法 ,需要的朋友可以参考下
自己设计的用JavaScript实现Array 和Map 里面有三个Js文件,都需要引入.
本文总结了Array数组的3个属性,length 属性、prototype 属性、constructor 属性使用,并附注数组对象的8个分类及多个方法使用,具体如下: 对象的3个属性1、length 属性 length 属性Length属性表示数组的长度,即...
js中数组Array的一些常用方法总结.docx
JavaScript中的Array类型是经常用到的,Array类型也提供了很多方法能实现我们需求,下面我们来总结一下 一、创建Array的方法 var colors=new Array(); var colors=new Array(3);//创建一个长度为3的数组 var colors=...
本文为大家分享了关于Js的Array数组对象的相关资料,供大家参考,具体内容如下 1. 介绍 1.1 说明 数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。JavaScript数组是...
js删除Array数组中指定元素 方法一, /* * 方法:Array.remove(dx) 通过遍历,重构数组 * 功能:删除数组元素. * 参数:dx删除元素的下标. */ Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){...
Array类型是ECMAScript中最常用的引用类型。...下面总结一下JavaScript中数组常用的操作函数及用法。 •创建数组 创建数组主要有构造函数和数组字面量两种方法,如下所示: var arr = new Array(); var arr =