最近工作中用到数组和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
本教程主要关注Array数组类在JavaScript中的使用。 Array 类是Unity3D中JavaScript的特定实现,它提供了丰富的函数和属性来操作数组。数组的长度可以通过 `length` 属性获取或设置,例如: ```javascript var arr ...
`object.js` 文件可能涉及到的是JavaScript对象的操作,虽然不是直接与Array或Map相关,但它们在JavaScript中是重要的数据结构。JavaScript对象是一种键值对的集合,键通常是字符串,但也可以是符号(Symbol)。与...
javscript中json对象和Array数组的区别
实现了一些比较常见的array功能,并且使用了 jest 进行测试。 实现的方法包括: concat find flat forEach & map includes join pop push reduce reverse shift slice some sort splice unshift 有些同质化比较高的...
JavaScript中的Array对象是编程中非常基础且重要的部分,它提供了丰富的操作数组的方法和属性,使得在处理序列数据时变得高效且灵活。这篇文章主要探讨了Array的三个关键属性:length、prototype和constructor,以及...
Array(数组)是JavaScript中最基本的数据结构之一。在JavaScript中,数组可以容纳多种类型的元素,包括数字、字符串、对象等。JavaScript数组提供了丰富的内置方法,如push、pop、shift、unshift、slice、splice、...
首先,创建JavaScript数组有两种主要方式:字面量语法和`Array()`构造函数。字面量语法是最简洁的,只需在方括号中用逗号分隔值即可创建数组。例如: ```javascript var empty = []; // 空数组 var primes = [2, 3, ...
以下是对JS中Array数组相关知识点的详细介绍。 一、数组声明方式 在JavaScript中声明数组有多种方式,最常见的有构造函数方式和数组字面量方式。构造函数方式使用关键字new来创建数组,如var colors = new Array()...
标题提到的“javascript Array数组对象的扩展函数代码”就是关于如何给Array对象添加额外的方法,以实现更便捷的操作。描述中提到了“去除字符串空格”和“数组排序”,这些都是常见的数组操作。 首先,我们来讨论...
在JavaScript编程中,数组是一种基础且极其重要的数据结构,用于存储一系列的元素。这些元素可以是基本数据类型,如数字、字符串,也可以是复杂的数据类型,如对象或甚至另一个数组。本文将详细介绍JavaScript中数组...
尽管数组在概念上与对象不同,但在JavaScript中,数组也被视为一种特殊的对象,其索引被视为属性。 1. 获取对象的键(keys)和值(values) 在JavaScript中,我们可以使用`for...in`循环遍历对象的所有可枚举属性...
JavaScript 数组详细说明大全 JavaScript 中的数组是一种基本数据类型,用于存储一组相关的数据。数组可以存储各种类型的数据,包括数字、字符串、对象等。数组的使用非常广泛,以下是对 JavaScript 数组的详细说明...
`Array.isArray()` 是最推荐的检测数组的方法,因为它不仅准确,而且在所有现代浏览器和Node.js环境中都可用。 总结: 在JavaScript中,检测数组的方法包括 `typeof`、`instanceof`、`Object.prototype.toString....
本文为大家分享了关于Js的Array数组对象的相关资料,供大家参考,具体内容如下 1. 介绍 1.1 说明 数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。JavaScript数组是...
以下是对JavaScript数组方法的详细总结: **一、创建数组** 1. 使用构造函数创建数组: ```javascript var colors = new Array(); // 创建空数组 var colors = new Array(3); // 创建长度为3的数组,但不包含...