1、课程目标,掌握JavaScript的语法、程序控制结构 熟练使用JavaScript内置基本对象 熟悉JavaScript调用DHTML元素 掌握用JavaScript编写客户端脚本程序的技能 能创建功能强大的互动网页,主题内容,JavaScript概述 JavaScript基础语法 JavaScript常用内置对象 JavaScript常用DHTML对象 JavaScript面向对象编程,概念,JavaScript是一种网页编程技术，大部分使用者将它用于创建动态交互网页 JavaScript是一种基于对象和事件驱动的解释性脚本语言，具有与Java类似的语法 JavaScript是一种使用简单
2、，功能强大的编程语言,分类,JavaScript的基础为核心JavaScript，在实现上分为客户端JavaScript、服务器端JavaScript,重要性,随着Web浏览器的改进，功能越来越强大 是搭配服务器端技术的主要客户端编程语言,特 点,简单易用 简洁易用，与Java有类似的语法 可以使用任何文本编辑工具编写 只需要浏览器就可以执行程序 解释执行 事先不编译 逐行执行 无需进行严格的变量声明 基于对象 内置大量现成对象，编写少量程序可以完成目标,使用范围,适合做哪些事情 客户端数据计算 客户端表单合法性验证 浏览器对象的调用 浏览器事件的触发 网页特殊显示效果制作 不适合做哪些事情
3、大型应用程序 图像、多媒体处理 网络实时通讯应用,JavaScript与Java的区别,JavaScript与Java运行方式不一样 JavaScript是解释执行 Java是编译，解释执行 JavaScript不是Java的简化版本 逻辑运算符、语句结构类似 变量申明、对象调用等不同 JavaScript和Java功能实现不一样 JavaScript通过浏览器实现程序功能 Java通过Java虚拟机实现程序功能,编写工具,JavaScript的编辑工具很多，如 Notepad，Ultraedit，EditPlus Microsoft FrontPage、DreamWeaver、Microso
4、ft Visual InterDev Eclipse,JBuilder,NetBean等IDE开发工具 针对简单的程序，我们使用文本编辑器直接书写源代码,同步练习,本练习主要针对事件驱动和基于对象，该例子在网页的一个按钮中设置了onclick属性，当鼠标单击该按钮时，将会弹出一个窗口，浏览google搜索网站 window是客户端JavaScript中浏览器对象之一，open是window对象的一个方法，意思是打开窗口，在参数中设置好网址，就可以打开指定的网站。在将来学习DHTML的时候将会详细讲解window对象的使用方法 打开记事本，将以下代码输入，保存为D:hello.htm保存好以后双
5、击该文件打开，试一试单击按钮后运行的结果,事件定义方式,在定义事件时直接写入JavaScript脚本,运行结果,用记事本输入程序，以文件名test1_1.htm保存，用IE打开该文件,鼠标单击按钮 打开google网站后弹出新的google站点IE窗口,直接嵌入式,在网页中直接嵌入JavaScript,运行结果,用记事本输入程序，以文件名test1-2.htm保存，用IE打开该文件。,IE浏览器执行JavaScript时忽略了JS注释部分，只输出运行结果。,文件调用式,在网页中调用独立JavaScript文件,运行结果,用记事本分别创建test1_3.htm和test1-3.js，用IE打开t
6、est1_3.htm文件,文件调入JavaScript代码和直接嵌入一样可以正常运行,JavaScript的运行环境,在Windows、Linux、Unix操作系统都可以运行JavaScript，只要安装了支持JavaScript的浏览器 不同的浏览器甚至同一浏览器的不同版本对JavaScript的支持程度都不一样 大部分常见的浏览器都对JavaScript提供支持，在本课程中以IE8.0作为主要的调试运行环境,JavaScript的运行环境,支持： 不支持： ,支持JavaScript的浏览器与操作系统,调试运行JavaScript程序,如果程序出现错误 双击左下角出现的感叹号 弹出错误显示
7、窗口， 详细信息框中将会提示错误所在的行号,主题内容,JavaScript概述 JavaScript基础语法 JavaScript常用内置对象 JavaScript常用DHTML对象 JavaScript面向对象编程,字符集,JavaScript使用Unicode字符集，每个字符和汉字都是采用2个字节进行编码 ASCII码由大小写英文字母、数字、英文符号等组成，采用1个字节中的低7位进行编码，是Unicode编码的子集 Unicode是一种国际编码，可以表达几乎任何书写语言，它是采用16位编码的字符集,ASCII编码：7位编码,Unicode编码：16位编码,A,你,大小写敏感性,在HTML中
8、大小写是不敏感的，但是在JavaScript程序中大小写是敏感的 HTML都是大小写不敏感的 标准的JavaScript语法定义中区分大小写,换行与空格,常量与标识符,常量 直接在程序中出现的数据值 标识符 由不以数字开头的字母、数字、下划线(_)、美元符号($)组成 常用于表示函数、变量等的名称 例如：_abc,$abc,abc,abc123是标识符，而1abc不是 JavaScript语言中代表特定含义的词称为保留字，不允许程序再定义为标识符,常量与标识符,ECMA v3标准保留的JavaScript的关键字,使用范例,function、var是保留字,sayHello是自定义标识符,字符
9、串常量,内容线索,词法结构 数据类型 数据类型分类 数字类型 字符串类型 类型转换 运算符 语句 变量与函数 对象,数据类型分类,JavaScript数据类型,基本类型,特殊类型,组合类型,Number：数字 String：字符串 Boolean：布尔,Null：空 Undefined：未定义,Array：数组 Object：对象,数字类型,简介 最基本的数据类型 不区分整型数值和浮点型数值 所有数字都采用64位浮点格式存储，相当于Java和C语言中的double格式 能表示的最大值是1.7976931348623157 x 10308 能表示的最小值是5 x 10 -324,数字类型,整数
10、在JavaScript中10进制的整数由数字的序列组成 精确表达的范围是 -9007199254740992 (-253) 到 9007199254740992 (253) 超出范围的整数，精确度将受影响 浮点数 使用小数点记录数据 例如：3.4，5.6 使用指数记录数据 例如：4.3e23 = 4.3 x 1023,数字类型,16进制和8进制数的表达 16进制数据前面加上0x，八进制前面加0 16进制数是由0-9,A-F等16个字符组成 8进制数由0-7等8个数字组成 16进制和8进制与2进制的换算,String数据类型,简介 是由Unicode字符、数字、标点符号组成的序列 字符串常量首尾
11、由单引号或双引号括起 JavaScript中没有字符类型 常用特殊字符在字符串中的表达 字符串中部分特殊字符必须加上右划线 常用的转义字符,String数据类型,String数据类型的使用 特殊字符的使用方法和效果 Unicode的插入方法,/测试特殊字符的书写 var aa=“u4f60u597dn欢迎来到“JavaScript世界“ “; alert(aa);,你,好,换行,Boolean数据类型,简介 Boolean类型仅有两个值：true和false，也代表1和0，实际运算中true=1,false=0 布尔值也可以看作on/off、yes/no、1/0对应true/false Boo
12、lean值主要用于JavaScript的控制语句，例如,if (x=1)y=y+1; elsey=y-1; ,Null Undefined,简介 Null在程序中代表变量没有值或者不是一个对象 Undefined代表变量的值尚未指定或者对象属性根本不存在,有趣的比较,数据类型转换,JavaScript属于松散类型的程序语言 变量在声明的时候并不需要指定数据类型 变量只有在赋值的时候才会确定数据类型 表达式中包含不同类型数据则在计算过程中会强制进行类别转换,数字 + 字符串：数字转换为字符串 数字 + 布尔值：true转换为1，false转换为0 字符串 + 布尔值：布尔值转换为字符串true或
13、false,数据类型转换,强制类型转换函数 函数parseInt：强制转换成整数 例如parseInt(“6.12“)=6 例如parseInt(“12a“)=12 例如parseInt(“a12“)=NaN 例如parseInt(“1a2“)=1 函数parseFloat： 强制转换成浮点数 例如parseFloat(“6.12“)=6.12 函数eval：将字符串强制转换为表达式并返回结果 例如eval(“1+1“)=2 例如eval(“12“)=true,数据类型转换,类型查询函数 函数typeof ：查询数值当前类型 (string / number / boolean / objec
14、t ) 例如typeof(“test“+3) “string“ 例如typeof(null) “object “ 例如typeof(true+1) “number“ 例如typeof(true-false) “number“,算术运算符,加()、 减()、 乘(*) 、除(/) 、余数(% ) 加、减、乘、除、余数和数学中的运算方法一样 例如：9/2=4.5，4*5=20，9%2=1 -除了可以表示减号还可以表示负号 例如：x=-y +除了可以表示加法运算还可以用于字符串的连接 例如：“abc“+“def“=“abcdef“,算术运算符,递增() 、递减() 假如x=2，那么x+表达式执行后的
15、值为3，x-表达式执行后的值为1 i+相当于i=i+1，i-相当于i=i-1 递增和递减运算符可以放在变量前也可以放在变量后,逻辑运算符,等于 ( = ) 、不等于( != ) 、 大于( ) 、 小于( =) 、小于等于(=) 与 (&) 、或(|) 、非(!),位运算符,左移()、NOT (),位运算符,位与(&) 、位或(|)、异或(),赋值运算符,赋值 = JavaScript中=代表赋值，两个等号=表示判断是否相等 例如，x=1表示给x赋值为1 if (x=1).程序表示当x与1相等时 if(x=“on”)程序表示当x与“on”相等时配合其他运算符形成的简化表达式 例如i+=1相当于
16、i=i+1，x&=y相当于x=x&y,优先顺序表,小常识,2 = “2” true 2 = “2” false 4 != “4” false 4 != “4” truevar a = 2; var b = 4; var c = a-a; var c = a-a; var c = a-a; var c = a-a;,if 选择控制语句,if-else基本格式 if (表达式) 语句;else 语句; . 功能说明 如果表达式的值为true则执行语句1, 否则执行语句2,if 选择控制语句,程序范例,if 选择控制语句,if语句嵌套格式 if (表达式1) 语句1; else if (表达式2)语
17、句2; else if (表达式3)语句3; else语句4; ,程序范例,if (x=1)y=“星期一“; else if (x=2)y=“星期二“; . else if (x=6)y=“星期六“; else if (x=0)y=“星期日“; elsey=“未定义“; ,if 语句允许进行嵌套,对变量x的值进行判断，采用if语句嵌套转换成相应的星期名称,switch 选择控制语句,switch基本格式 switch (表达式) case 值1:语句1;break;case 值2:语句2;break;case 值3:语句3;break;default:语句4; ,switch 选择控制语句,程
18、序范例 对变量x的值进行判断，采用switch转换成相应的星期名称。,switch(x) case 1:y=“星期一“; break; case 2:y=“星期二“; break; case 3:y=“星期三“; break; case 4:y=“星期四“; break; case 5:y=“星期五“; break; case 6:y=“星期六“; break; case 7:y=“星期日“; break; default: y=“未定义“; ,swith比else if结构更加简洁清晰，使程序可读性更强。,for 循环控制语句,for循环基本格式 for (初始化;条件;增量)语句1;. 功
19、能说明 实现条件循环，当条件成立时，执行语句1，否则跳出循环体,程序范例,for (var i=1;ihello “);document.write(“); /循环输出H1到H7的字体大小,while 循环控制语句,while循环基本格式 while (条件) 语句1； . 功能说明 运行功能和for类似，当条件成立循环执行语句花括号内的语句，否则跳出循环,while 循环控制语句,程序范例,var i=1; while (ihello “);document.write(“);i+; /循环输出H1到H7的字体大小,采用while和for的输出效果一样,变量的声明与使用,变量声明语句 var
20、 a; var x,y; 变量赋值语句 a=1; x=“hello,how are you!“; y=x; 变量的调用 alert(a); document.write(“Tom,“+x);,允许一次定义多个变量,不需要指定变量类型,赋值为数值,赋值为字符串,赋值为另一个变量,函数的声明与使用,函数的定义 function 函数名 (参数) 函数体;return 返回值; 功能说明 可以使用变量、常量或表达式作为函数调用的参数 函数由关键字function定义 函数名的定义规则与标识符一致，大小写是敏感的 返回值必须使用return,函数的声明与使用,使用范例, /* sayhello是定义的
21、函数名，前面必须加上function和空格*/ function sayHello()var hellostr;var myname=prompt(“请问您贵姓？“,“陈“); hellostr=“您好，“+myname+先生，欢迎进入“探索之旅“！;alert(hellostr); document.write(hellostr); /这里是对前面定义的函数进行调用 sayHello(); ,在调用函数的时候要注意函数的大小写，如果写成sayhello或sayHello都会出错,对 象,对象的概念与分类： 对象由属性和方法封装而成 JavaScript是一种基于对象语言，对象是JavaScr
22、ipt中最重要的元素 JavaScript包含四种对象 内置对象 ,DATE 自定义对象 Cart 浏览器对象 Window ActiveX对象 ActiveXObject,对 象,11种内置对象包括 Array ,String , Date, Math, Boolean, Number Function, Global, Error, RegExp , Object 简介 在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象 也可以用创建对象的方法定义变量 String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象
23、,对 象,在JavaScript程序大多数功能都是通过对象实现的, var aa=Number.MAX_VALUE; /利用数字对象获取可表示最大数 var bb=new String(“hello JavaScript“); /创建字符串对象 var cc=new Date(); /创建日期对象 var dd=new Array(“星期一“,“星期二“,“星期三“,“星期四“); /数组对象 ,主题内容,JavaScript概述 JavaScript基础语法 JavaScript常用内置对象 JavaScript常用DHTML对象(Dom) JavaScript面向对象编程,内置对象的分类,
24、11种内置对象包括 Array, Boolean, Date, Math, Number , String Error, Function, Global , Object, RegExp简介 在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象 可以用创建对象的方法定义变量 String、Math、Array、Date是JavaScript中常用的对象,内置对象的分类,创建String对象,String对象的属性,获取字符串长度 length,书写格式 x.length 使用注解 x代表字符串对象 length必须小写 中间用点操作符调用 汉字、字母长度
25、均为1 返回大于或等于0的整数,var str1=“String对象“; var str2=“; alert(“str1长度 “+str1.length); alert(“str2长度 “+str2.length);,String 对象的方法,String对象的方法(1)格式编排方法,String对象的方法(1) )格式编排方法,书写格式: String对象提供了一组针对HTML格式的方法，如x.anchor()返回锚定义字符串x，x.bold()返回粗体表示字符串x，x.sup()返回上标格式字符串x。,var x=“google“; var y=“x.bold():“+x.bold();
26、document.write(y.fontsize(7); /相当于document.write(“google“),String对象的方法(1) )格式编排方法,格式编排方法返回值列表,格式编排方法返回值列表,String对象的方法(1) )格式编排方法,使用范例,function writeln(mystr)document.write(mystr+“); var x=“hello“; writeln(“anchor=“+x.anchor(); writeln(“blink=“+x.blink(); writeln(“fixed=“+x.fixed(); writeln(“bold=“+x
27、.bold(); writeln(“italics=“+x.italics(); writeln(“strike=“+x.strike(); writeln(“big=“+x.big(); writeln(“small=“+x.small(); writeln(“sub=“+x.sub(); writeln(“sup=“+x.sup();,String对象的方法(2)大小写转换,String对象的方法(2)大小写转换,书写格式 x.toLowerCase() x.toUpperCase() 使用注解 x代表字符串对象 返回转换后的字符串,var str1=“AbcdEfgh“; var str
28、2=str1.toLowerCase(); var str3=str1.toUpperCase(); alert(str2); /结果为“abcdefgh“ alert(str3); /结果为“ABCDEFGH“,程序图解:,var str1=“AbcdEfgh“;,var str2=str1.toLowerCase();,alert(str2); /结果为“abcdefgh“,var str3=str1.toUpperCase();,alert(str3); /结果为“ABCDEFGH“,String对象的方法(3) 获取指定字符,书写格式 x.charAt(index) x.charCod
29、eAt(index) 使用注解 x代表字符串对象 index代表字符位置 index从0开始编号 charAt返回index位置的字符 charCodeAt返回index位置的Unicode编码,var str1=“JavaScript网页教程“; var str2=str1.charAt(12); var str3=str1.charCodeAt(12); alert(str2); /结果为“教“ alert(str3); /结果为25945,String对象的方法(3) 获取指定字符,程序图解:,var str1=“JavaScript网页教程“;,var str2=str1.charAt
30、(12);,var str3=str1.charCodeAt(12);,alert(str2); /结果为“教“ alert(str3); /结果为25945,String对象的方法(4)查询字符串,书写格式 x.indexOf(findstr,index) x.lastIndexOf(findstr) 使用注解 x代表字符串对象 findstr代表查找的字符串 index代表开始找的位置索引，省略代表从开始找 返回findstr在x中出现的首字符位置索引，如果没有找到返回-1 lastIndexOf代表从后面找起,var str1=“JavaScript网页教程“; var str2=str
31、1.indexOf(“a“); var str3=str1.lastIndexOf(“a“); alert(str2); /结果为1 alert(str3); /结果为3,String对象的方法(4)查询字符串,程序图解：,var str1=“JavaScript网页教程“;,var str2=str1.indexOf(“a“);,var str3=str1.lastIndexOf(“a“);,alert(str2); /结果为1 alert(str3); /结果为3,String对象的方法(4)查询字符串,书写格式 x.match(regexp) x.search(regexp) 使用注解
32、x代表字符串对象 regexp代表正则表达式或字符串 match返回匹配字符串的数组，如果没有匹配则返回null search返回匹配字符串的首字符位置索引,var str1=“JavaScript网页教程“; var str2=str1.match(“Script“); var str3=str1.search(“Script“); alert(str20); /结果为“Script“ alert(str3); /结果为4,String对象的方法(4)查询字符串,程序图解:,var str1=“JavaScript网页教程“;,var str2=str1.match(“Script“);,v
33、ar str3=str1.search(“Script“);,alert(str20); /结果为“Script“ alert(str3); /结果为4,match返回的是字符串数组,search的作用同indexOf方法,String对象的方法(5) 子字符串处理,截取子字符串,书写格式 x.substr(start, length) x.substring(start, end) 使用注解 x代表字符串对象 start表示开始位置 length表示截取长度 end是结束位置加1 第一个字符位置为0,var str1=“abcdefgh“; var str2=str1.substr(2,4)
34、; var str3=str1.substring(2,4); alert(str2); /结果为“cdef“ alert(str3); /结果为“cd“,截取子字符串,程序图解：,var str1=“abcdefgh“;,var str2=str1.substr(2,4);,var str3=str1.substring(2,4);,alert(str2); /结果为“cdef“,从索引为2的字符开始，截取四个字符,从索引为2的字符开始，到索引为3的字符为止,alert(str3); /结果为“cd“,截取子字符串,书写格式 x.slice(start, end) 使用注解 x代表字符串对象
35、 start表示开始位置索引 end是结束位置下一字符索引编号 第一个字符索引为0 start、end可为负数 -1代表最后一个字符 end省略则相当于从start位置开始截取以后所有字符,var str1=“abcdefgh“; var str2=str1.slice(2,4); var str3=str1.slice(4); var str4=str1.slice(2,-1); var str5=str1.slice(-3,-1); alert(str2); /结果为“cd“ alert(str3); /结果为“efgh“ alert(str4); /结果为“cdefg“ alert(st
36、r5); /结果为“fg“,截取子字符串,程序图解:,var str1=“abcdefgh“;,var str2=str1.slice(2,4); var str3=str1.slice(4); var str4=str1.slice(2,-1); var str5=str1.slice(-3,-1); alert(str2); /结果为“cd“ alert(str3); /结果为“efgh“ alert(str4); /结果为“cdefg“ alert(str5); /结果为“fg“,替换子字符串,书写格式 x.replace(findstr,tostr) 使用注解 x代表字符串对象 fin
37、dstr要找的子字符串 tostr替换为的字符串 返回替换后的字符串,var str1=“abcdefgh“; var str2=str1.replace(“cd“,“aaa“);alert(str2); /结果为“abaaaefgh“,截取子字符串,程序图解：,var str1=“abcdefgh“;,var str2=str1.replace(“cd“,“aaa“);,alert(str2); /结果为“abaaaefgh“,将str1字符串中的子字符串“cd“替换为“aaa“,分割字符串,书写格式 x.split(bystr) 使用注解 x代表字符串对象 bystr作为分割字符串 返回分
38、割后的字符串数组,var str1=“一,二,三,四,五,六,日“; var strArray=str1.split(“,“);alert(strArray1); /结果为“二“,分割字符串,程序图解：,var str1=“一,二,三,四,五,六,日“;,var strArray=str1.split(“,“);,alert(strArray1); /结果为“二“,生成的数组元素编号是从0开始编号的，所以索引1指的是第二个元素,连接字符串,书写格式 y=x.concat(addstr) 使用注解 x代表字符串对象 addstr为添加字符串 返回x+addstr字符串,var str1=“abc
39、d“; var str2=str1.concat(“efgh“);alert(str2); /结果为“abcdefgh“,连接字符串,程序图解:,var str1=“abcd“;,var str2=str1.concat(“efgh“);,alert(str2); /结果为“abcdefgh“,将str1与字符串“efgh“相加后赋值给str2，但是str1自身的值不发生变化,+,创建Array对象,创建数组对象初始化数组对象,var cnweek=new Array(7); var books=new Array();,创建数组时允许指定元素个数也可以不指定元素个数。,也可以直接在建立对象时
40、初始化数组元素，元素类型允许不同。,var cnweek=new Array(7); cnweek0=“星期日“; cnweek1=“星期一“; . cnweek6=“星期六“;,var test=new Array(100,“a“,true);,创建Array对象,创建二维数组,var cnweek=new Array(7); for (var i=0;i=6;i+)cnweeki=new Array(2); cnweek00=“星期日“; cnweek01=“Sunday“; cnweek10=“星期一“; cnweek11=“Monday“; . cnweek60=“星期六“; cnwe
41、ek61=“Saturday“;,通过指定数组中的元素为数组的方式可以创建二维甚至多维数组。,Array对象的属性,获取数组元素的个数 length,书写格式 x.length 使用注解 x代表数组对象 length必须小写 中间用点操作符调用 返回大于或等于0整数,var cnweek=new Array(7); cnweek0=“星期日“; cnweek1=“星期一“; cnweek2=“星期二“; cnweek3=“星期三“; cnweek4=“星期四“; cnweek5=“星期五“; cnweek6=“星期六“; for (var i=0;icnweek.length;i+)docum
42、ent.write(cnweeki+“ | “); ,Array对象的方法,连接数组-join方法,书写格式 x.join(bystr) x.toString() 使用注解 x代表数组对象 bystr作为连接数组中元素的字符串 返回连接后的字符串 与字符串的split功能刚好相反,var arr1=1, 2, 3, 4, 5, 6, 7;var str1=arr1.join(“-“);alert(str1); /结果为“1-2-3-4-5-6-7“,用 join方法 连接数组程序图解,var arr1=1, 2, 3, 4, 5, 6, 7;,var str1=arr1.join(“-“);,
43、alert(str1); /结果为“1-2-3-4-5-6-7“,根据join方法传入参数“-“将元素连接成字符串,连接数组-concat方法,书写格式 x.concat(value,.) 使用注解 x代表数组对象 value作为数组元素连接到数组的末尾 返回连接后的数组 concat方法并不改变x自身的值,var a = 1,2,3; Var a = new Array(1,2,3) var b=a.concat(4, 5) ;alert(a.toString(); /返回结果为1,2,3 alert(b.toString(); /返回结果为1,2,3,4,5,使用 concat方法 连接数
44、组程序图解,var a = 1,2,3;,var b=a.concat(4, 5) ;,alert(a.toString(); /返回结果为1,2,3 alert(b.toString(); /返回结果为1,2,3,4,5,a,b,数组排序,书写格式 x.reverse() x.sort() 使用注解 x代表数组对象 返回排序后的数组 排序后x会发生改变,var arr1=32, 12, 111, 444;arr1.reverse(); /颠倒数组元素 alert(arr1.toString(); /结果为444,111,12,32 arr1.sort(); /排序数组元素 alert(arr
45、1.toString(); /结果为111,12,32,444,数组排序,程序图解,var arr1=32, 12, 111, 444;,arr1.reverse(); /颠倒数组元素 alert(arr1.toString(); /结果为444,111,12,32,arr1.sort(); /排序数组元素 alert(arr1.toString(); /结果为111,12,32,444,reverse,sort,Array对象的方法,获取子数组,书写格式 x.slice(start, end) 使用注解 x代表数组对象 start表示开始位置索引 end是结束位置下一数组元素索引编号 第一个
46、数组元素索引为0 start、end可为负数，-1代表最后一个数组元素 end省略则相当于从start位置截取以后所有数组元素,var arr1=a,b,c,d,e,f,g,h; var arr2=arr1.slice(2,4); var arr3=arr1.slice(4); var arr4=arr1.slice(2,-1);alert(arr2.toString(); /结果为“c,d“ alert(arr3.toString(); /结果为“e,f,g,h“ alert(arr4.toString(); /结果为“c,d,e,f,g“,使用 slice方法 获取子数组程序图解,slic
47、e(2,4),slice(4),slice(2,-1),删除子数组,书写格式 x. splice(start, deleteCount, value, .) 使用注解 x代表数组对象 splice的主要用途是对数组指定位置进行删除和插入 start表示开始位置索引 deleteCount删除数组元素的个数 value表示在删除位置插入的数组元素 value参数可以省略,var a = 1,2,3,4,5,6,7,8 a.splice(1,2); /a变为 1,4,5,6,7,8 alert(a.toString(); a.splice(1,1);/a变为1,5,6,7,8 alert(a.to
48、String(); a.splice(1,0,2,3);/a变为1,2,3,5,6,7,8 alert(a.toString();,使用 splice方法 删除子数组程序图解,splice(1,2),splice(1,1),splice(1,0,2,3),数组的进出栈操作(1),书写格式 x.push(value, .) x.pop() 使用注解 x代表数组对象 value可以为字符串、数字、数组等任何值 push是将value值添加到数组x的结尾 pop是将数组x的最后一个元素删除,var arr1=1,2,3; arr1.push(4,5); alert(arr1); /结果为“1,2,3,4,5“ arr1.push(6,7); alert(arr1) /结果为“1,2,3,4,5,6,7“ arr1.pop(); alert(arr1); /结果为“1,2,3,4,5“,数组的进出栈操作程序图解,push(4,5),push(6,7),pop(),数组的进出栈操作(2),书写格式 x.unshift(value,.) x.shift() 使用注解 x代表数组对象 value可以为字符串、数字、数组等任何值 unshift是将value值插入到数组x的开始 shift是将数组x的第一个元素删除,
