Web前端开发与应用第12章 JavaScript对象.pptxVIP

第12章 JavaScript对象 第12章 JavaScript对象Web前端开发与应用教程（HTML5+CSS3+JavaScript）12.1 字符串对象12.2 数学对象12.3 日期对象12.4 数组对象12.5 练习12.1 字符串对象Web前端开发与应用教程（HTML5+CSS3+JavaScript）12.1 字符串对象Web前端开发与应用教程（HTML5+CSS3+JavaScript）字符串对象是和字符串数据类型相对应的JavaScript本地对象，属于JavaScript常用对象之一，主要提供诸多方法实现字符串检查、抽取、连接、分隔等字符串相关操作。12.1.1 创建字符串对象Web前端开发与应用教程（HTML5+CSS3+JavaScript）1．直接声明字符串变量格式如下：[var] 字符串变量=字符串;例如，创建字符串对象string1，并对其赋值，代码如下：var string1 = “Hello”;12.1.1 创建字符串对象Web前端开发与应用教程（HTML5+CSS3+JavaScript）2．使用new关键字创建字符串对象格式如下：[var] 字符串对象=new String(字符串);例如，通过new关键字创建字符串对象string1，并对其赋值，代码如下：var string1 = new String(“Hello”);12.1.2 字符串对象的属性属性描述constructor字符串对象的函数模型length字符串长度prototype添加字符串对象的属性Web前端开发与应用教程（HTML5+CSS3+JavaScript）字符串对象有三个属性，见表12-1 字符串对象属性。12.1.2 字符串对象的属性Web前端开发与应用教程（HTML5+CSS3+JavaScript）关于对象属性的调用格式如下：对象名.属性名 //获得对象属性值对象名.属性名 = 值//为属性赋值例如，创建字符串对象txt，并对其赋值，然后输出起包含的字符数。var txt = Hello World!;//创建字符串对象并赋值document.write(txt.length);//输出字符串对象的字符长度12.1.3 字符串对象的方法Web前端开发与应用教程（HTML5+CSS3+JavaScript）JavaScript中，字符串对象内置了大量的方法，用户只需要直接调用这些方法即可完成相应的操作。字符串对象常用方法见表12-2。12.1.3 字符串对象的方法属性描述示例charAt(位置)字符串对象在指定位置处的字符s.charAt(3)结果为LcharCodeAt(位置)字符串对象在指定位置处字符的Unicode值s.charCodeAt(3)结果为76indexOf(要查找的字符串,[起始位置])返回被查找的字符串在原字符串对象中首次出现的位置s.indexOf(a)结果为12lastIndexOf(要查找的字符串)返回被查找的字符串在原字符串对象中最后出现的位置，从后往前进行查找s.lastIndexOf(a)结果为14substr(开始位置,[长度])从字符串对象指定位置开始，按照指定的数量截取字符，并返回截取的字符串s.substr(6,2)结果为CSsubstring(开始位置，结束位置)从字符串对象指定的位置开始，截取到结束位置，并返回截取的字符串s.substring(2,5)结果为ML5split([分隔符])分割字符串到一个数组中document.write(str.split( ))以“空格”为分隔符将字符串对象拆分成三部分，输出结果为HTML5,CSS3,Javascriptreplace(要查找的字符串,新字符串)在字符串对象中，将指定的字符串替换为新字符串s.replace(JavaScript,JS)结果为“HTML5 CSS3 JS”toLowerCase()字符串对象转换为小写s.toLowerCase()结果为html5 css3 javascripttoUpperCase()字符串对象转换为大写s.toUpperCase()结果为HTML5 CSS3 JAVASCRIPTWeb前端开发与应用教程（HTML5+CSS3+JavaScript）表12-2 字符串对象常用方法12.1.3 字符串对象的方法Web前端开发与应用教程（HTML5+CSS3+JavaScript）【例12-1】设计程序，在文本框输入字符串，单击【检查】按钮，检查字符串是否为有效字符串。约定字符串只能由大小写字母、数字、下划线“_”和连字符（减号）“-”构成，如图12-1所示。如果输入的字符串有效，弹出对话框“合法字符串”，如图12-2所示。如果输入的字符串无效，