JavaScript基础学习(三)—数组

一、数组简介

    JavaScript数组的每一项都可以保存任何类型的数据,也就是说数组的第一个位置保存字符串,第二个位置可以保存数值,第三个位置可以保存对象,而且数组的大小是可以动态调整的,即可以随着数据的添加而自动增长以扩容纳新增数据。

 

二、数组的操作

1.创建

		//创建一个空数组
		var arr = [];
		var arr2 = [1,true,new Date()];
		arr2.length = 2;
		alert(arr2); //true

 

2.pop和push方法

     push(): 向数组的末尾添加一个或更多元素,并返回新的数组长度。

     pop(): 删除数组末尾元素,并把它返回。

		     /*
			 * push(): 向数组的末尾添加一个或更多元素,并返回新的长度。
			 * pop(): 删除并返回数组最后一个元素。
			 */
			var arr = [];
			var length = arr.push(1,2,true,"abc");
			alert(arr); //1,2,true,abc
			alert(length); //4

			var a = arr.pop();
			alert(arr); //1,2,true
			alert(a); //abc

 

3.shift和unshift方法

     shift(): 删除并返回数值的第一个元素。

     unshift(): 向数组的开头添加一个或多个元素,并返回新的数组长度。

            /*
			 * shift(): 删除并返回数组的第一个元素
			 * unshift(): 向数组的开头添加一个或更多元素,并返回新的长度。
			 */
			var arr = [1,true,"abc"];
			var a = arr.shift();
			alert(a);//1
			alert(arr);//true,abc
			var length = arr.unshift("A","B");
			alert(length);//4
			alert(arr);//A,B,true,abc
		</script>

 

4.splice()和slice()

      splice()

     解释: 向/从数组中添加/删除项目,然后返回被删除的内容。

     语法: arr.splice(index,num,item1,item2,...,itemN);

参数 描述
index 必需。整数,规定了要操作的位置。
num 必须。要删除的数量,如果为0,则不会删除。
item 可选。向数组添加新的一项。
			var arr = ["AAA","BBB","CCC","DDD","EEE"];
			var newArr = arr.splice(1,1);
			alert(newArr);//BBB
			alert(arr);//AAA,CCC,DDD,EEE
			arr.splice(1,0,"111","222");
			alert(arr); //AAA,111,222,CCC,DDD,EEE

 

     slice()

     解释: 向已有的数组中返回选定的元素。

     语法: arr.slice(start,end);

参数 描述
start 必需。规定从何处开始选取。
end 可选。规定从何处结束选取。

    注意: 该方法并不会修改数组而是返回一个子数组,如果想删除数组中的一段元素,用splice()。

			var arr = ["AAA","BBB","CCC","DDD","EEE"];
			var newArr = arr.slice(1,3);
			alert(newArr);//BBB,CCC
			alert(arr);//AAA,BBB,CCC,DDD,EEE
时间: 2024-11-03 01:48:08

JavaScript基础学习(三)—数组的相关文章

JavaScript基础学习&lt;三&gt;参数传递

在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数 其实arguments与数组类似,但不是Array的实例,可以使用方括号的语法来访问每个一个元素 例如:arguments[0],arguments[1]以此类推. function How(){ alert(arguments.length); } How("string",45);//2 How("");//0; ECMAScript函数不能重载.

javascript基础学习(三)

javascript之运算符 学习要点: 表达式 运算符:一元运算符,算术运算符,关系运算符,逻辑运算符,*位运算符,赋值运算符 一.表达式 表达式有常量表达式,变量表达式,复合表达式. 二.算术运算符 一元:+(正号).-(负号).++.—— 二元:*./.%.+.- 三.关系运算符 ==.=== ps:等同运算符比相等运算符要求更为严格,等同运算符只有在两个操作数类型相同,并且值也相同的情况下才会返回true. <.<=.>.>= instanceof运算符.       in

javascript基础学习(二)

javascript的数据类型 学习要点: typeof操作符 五种简单数据类型:Undefined.String.Number.Null.Boolean 引用数据类型:数组和对象 一.typeof操作符 typeof操作符用来检测变量的数据类型,操作符可以操作变量也可以操作字面量. 对变量或值运用typeof操作符得到如下值: undefined----如果变量是Undefined类型: boolean-------如果变量是Boolean类型: number-------如果变量是Numbe

javascript基础学习(五)

javascript之函数 学习要点: 函数的介绍 函数的参数 函数的属性和方法 系统函数 一.函数的介绍 1.函数就是一段javascript代码.可以分为用户自定义函数和系统函数.   如果一个函数是javascript内置的函数,就称为系统函数.如果函数是自己编写的函数,就是自定义函数. 2.在javascript用function来定义一个函数.function 函数名(参数1,参数2,...){<语句块>  return 返回值} (PS:return语句可以省略) 3.函数的嵌套定

javascript基础学习(十)

javascript之数组 学习要点: 数组的介绍 定义数组 数组元素 数组的方法 一.数组的介绍 数组中的元素类型可以是数字型.字符串型.布尔型等,甚至也可以是一个数组. 二.定义数组 1.通过数组的构造函数来定义数组: var arr=new Array(); var arr=new Array(size); var arr=new Array(element1,element2,...); 2.直接定义数组: var arr=["字符串",true,13]; ps: 和Objec

JavaScript 基础学习1-day14

JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator

JavaScript 基础学习(二)

JavaScript 基础学习(二) instanceof方法: var s = "hello"; var i = 8; //typeof 只能判断基本数据类型 alert(typeof(s)); alert(typeof (i)); //对于引用数据类型,用instanceof var s2=new String("hello2") alert(typeof(s2)); alert(s2 instanceof String);//true var n = new

javascript基础学习(十五)

javascript之cookie 学习要点: cookie介绍 创建与获取cookie cookie的编码 cookie的生存期 cookie的路径 cookie的domain cookie的secure 一.cookie介绍 cookie实际上就是一些信息,这些信息以文件的形式存储在客户端计算机上.在javascript中,cookie主要用来保存状态,或用于识别身份. 二.创建与获取cookie 创建cookie的语法代码如下所示:document.cookie="name=value&q

javascript基础学习(八)

javascript之日期对象 学习要点: 日期对象 将日期对象转换为字符串 将日期对象中的日期和时间转换为字符串 日期对象中的日期 日期对象中的时间 设置日期对象中的日期 设置日期对象中的时间 与毫秒相关的方法 一.日期对象 在javascript中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间. 日期对象的创建: new Date(); 二.将日期对象转换为字符串 将日期对象转换为字符串可以使用以下4种方法: date.toString();//将日期对象转换为字符串时,采