JS_04.pptVIP

上章回顾 理解JS与CSS的关系，掌握JS访问CSS样式的语法规则 常用样式特效 本章目标 掌握JS中的数组类型：Array 掌握JS中的字符串类型：String 掌握JS中的数学运算类型：Math 掌握JS中的日期时间类型：Date 掌握JS中的选项类型：Option 第一部分 掌握JS中的数组类型：Array 掌握JS中的字符串类型：String 掌握JS中的数学运算类型：Math 掌握JS中的日期时间类型：Date 掌握JS中的选项类型：Option JS中的数组 数组是JS与Java语言不同的典型代表 JS中的数组异常灵活多变，可以用来实现Java中的数组、列表集合、映射集合等多种集合类型 基本语法：var arr=new Array(5);//创建了一个初始容量为5个的数组 数组的使用 在上页中创建了一个初始容量为5个的数组后，可使用：arr[0]=12;arr[2]=“aaa”;等语句给数组元素赋值，因为JS是弱类型，所以元素的取值范围没有限制 提问：上例中如果使用以下语句是否正确：arr[5]=100; 数组的特殊用法 定义语法：var arr=[n1,n2...,n];var arr=new Array(n1,n2…,n); 使用：var arr=new Array();arr[“Color”]=“Red”;arr[“Size”]=120; 数组的属性：length 属性length：数组的长度，与存放元素的数量无关，如：var arr=new Array();//length为0arr=new Array(4);//length为4arr[4]=10; //length为5 常用于数组遍历，如：for(var i=0;iarr.length;i++){ ……} 数组的方法：sort 方法sort：对数组中的元素进行自然排序 示例：var arr=new Array(3);arr[0]=“tony”;arr[1]=“Tommy”;arr[2]=“tom”;arr.sort();//执行后结果为：Tommy、tom、tony 数组的方法：reverse 方法reverse：对数组中的元素进行反转，如果想对数字元素进行倒序排列，则可以在调用sort方法后调用此方法 示例：上例中在代码最后加上arr.reverse();则最后结果为： tony、tom、Tommy 数组的方法：push和pop 方法push、pop：对数组中的元素进行栈操作 push：将一个新的元素放入数组尾部 pop：将数组中的最后一个元素取出 示例：var arr=new Array(2);arr[0]=3;arr[1]=5;arr.push(7);//在数组末尾增加一个元素7var n=arr.pop();//从数组中取出末尾元素 数组的方法：join 方法join：对数组中的元素进行拼接操作 示例：var arr=new Array(2);arr[0]=“tom”;arr[1]=“jerry”;var s=arr.join();//得到tom,jerrys=arr.join(“;”); //得到tom;jerry 数组的方法：concat 方法concat：对2个或多个数组中的元素进行拼接操作 示例：var arr=new Array(2);arr[0]=“tom”;arr[1]=“jerry”;var arr2=new Array(2);arr[0]=“mike”;arr[1]=“marry”; var s=arr.concat(arr2); //得到tom,jerry,mike,marry 第二部分 掌握JS中的数组类型：Array 掌握JS中的字符串类型：String 掌握JS中的数学运算类型：Math 掌握JS中的日期时间类型：Date 掌握JS中的选项类型：Option JS中的字符串 同Java语言相同，String对象用于处理文本（字符串） 基本语法：var str=new String();或var str=“”; 字符串的属性：length 属性length：字符串中字符的数量，如：var str=“Welcome”;var n=str.length; //n为7str=“欢迎”;n=str.length; //n为2 字符串的方法：charAt 方法charAt：返回指定位置的字符 示例：var str=“Welcome”;var ch=str.charAt(3);//执行后ch变量的值为c 字符串的方法：indexOf 方法indexOf：返回某个指定的字符串值在字符串中首次出现的位置 类似方法lastIndexO