首页  思维导图  详情



 



JavaScript_基本包装类型

2016-05-23 09:55:59   7  举报





AI智能生成

JavaScript基本包装类型

JavaScript

基本包装类型

模板推荐

作者其他创作

大纲/内容

Boolean类型

Number类型

属性

length属性

方法

localeCompare方法

localeCompare()方法

功能：比较两个字符串，并返回一个值

示例：var stringValue = "yellow"; alert(stringValue.localeCompare("brick")); //1 alert(stringValue.localeCompare("yellow")); //0 alert(stringValue.localeCompare("zoo")); //-1

说明：a.如果字符串在字母表中应该排在字符串参数之前，则返回一个负数（大多数情况下是-1，具体的值要视实现而定）； b.如果字符串等于字符串参数，则返回0； c.如果字符串在字母表中应该排在字符串参数之后，则返回一个正数（大多数情况下是1，具体的值同样要视实现而定）。

fromCharCode方法

fromCharCode()方法

功能：接收一或多个字符编码，然后将它们转换成一个字符串。

示例：alert(String.fromCharCode(104, 101, 108, 108, 111)); //"hello"

说明：这个方法与实例方法charCodeAt()执行的是相反的操作。

HTML方法

说明：a.专门用于简化常见HTML格式化任务的方法 b.尽量不要使用这些方法，因为它们创建的标记通常无法表达语义。

String类型

属性

length属性

constructor属性

prototype属性

方法

字符方法

charAt()方法

功能：取出字符串指定位置的字符

格式：str.charAt(num)

示例：var stringValue = "hello world"; alert(stringValue.charAt(1)); //"e"

说明：a.单字符字符串的形式返回给定位置的那个字符 b.数值省略则等同于str.charAt(0) c.若数值超出str.length-1，则返回为空

charCodeAt()方法

说明：返回值是字符编码，不是字符。

示例：var stringValue = "hello world"; alert(stringValue.charCodeAt(1)); //输出"101" 101是小写字母e的字符编码

使用方括号加数字索引来访问字符串中的特定字符（存在兼容性问题）

示例：var stringValue = "hello world"; alert(stringValue[1]); //"e"

字符串操作方法

concat()方法

功能：将一个或多个字符串拼接起来

示例：var stringValue = "hello "; var result = stringValue.concat("world"); alert(result); //"hello world" alert(stringValue); //"hello"

说明：a.返回值是拼接得到的新字符串<br>          b.可以接受任意多个参数

slice()方法

功能：返回被操作字符串的一个子字符串，从num1到num2（如果指定）

示例：var stringValue = "hello world"; alert(stringValue.slice(3)); //"lo world" alert(stringValue.slice(3, 7)); //"lo w" alert(stringValue.slice(-3)); //"rld" alert(stringValue.slice(3, -4)); //"lo w"

说明：a.接受一或两个参数。第一个参数指定子字符串的开始位置，第二个参数（在指定的情况下）表示子字符串到哪里结束 b.截取范围：[num1,num2) c.传入负值：将传入的负值与字符串的长度相加 d.若num1 > num2，不交换num1与num2的值，返回为空

substring()方法

功能：返回被操作字符串的一个子字符串，从num1到num2（如果指定）

示例：var stringValue = "hello world"; alert(stringValue.substring(3)); //"lo world" alert(stringValue.substring(3,7)); //"lo w" alert(stringValue.substring(-3)); //"hello world" alert(stringValue.substring(3, -4)); //"hel"

说明：a.接受一或两个参数。第一个参数指定子字符串的开始位置，第二个参数（在指定的情况下）表示子字符串到哪里结束 b.截取范围[num1,num2） c.传入负值：把所有负值参数都转换为0 d.若num1 > num2，则交换num1与num2的值

substr()方法

功能：返回被操作字符串的一个子字符串，从num1开始，截取num2个字符

示例：var stringValue = "hello world"; alert(stringValue.substr(3)); //"lo world" alert(stringValue.substr(3, 7)); //"lo worl" alert(stringValue.substr(-3)); //"rld" alert(stringValue.substr(3, -4)); //""（空字符串）

说明：a.接受一或两个参数。第一个参数指定子字符串的开始位置，第二个参数指定的则是返回的字符个数 b.截取范围[num1,num1+num2) c.传入负值：将负的第一个参数加上字符串的长度，而将负的第二个参数转换为0

字符串位置方法

indexOf()方法

功能：从字符串中查找子字符串，返回子字符串在字符串中的位置

格式：str.indexOf("substr",pos) //position可选

示例：var stringValue = "hello world"; alert(stringValue.indexOf("o")); //4 alert(stringValue.indexOf("o", 6)); //7

说明：如果没有找到该子字符串，则返回-1

lastIndexOf()方法

功能：从字符串的末尾向前搜索子字符串，返回子字符串在字符串中的位置

格式：str.lastIndexOf("substr",pos) //position可选

示例：var stringValue = "hello world"; alert(stringValue.lastIndexOf("o")); //7 alert(stringValue.lastIndexOf("o", 6)); //4

说明：如果没有找到该子字符串，则返回-1

trim()方法

功能：创建一个字符串的副本，删除前置及后缀的所有空格，然后返回结果。

示例：var stringValue = " hello world "; var trimmedStringValue = stringValue.trim(); alert(stringValue); //" hello world " alert(trimmedStringValue); //"hello world"

字符串大小写转换方法

转换大写

toUpperCase()方法

示例：var stringValue = "hello world"; alert(stringValue.toLocaleUpperCase()); //"HELLO WORLD" alert(stringValue.toUpperCase()); //"HELLO WORLD"

toLocaleUpperCase()方法

对有些地区来说，针对地区的方法与其通用方法得到的结果相同，但少数语言（如土耳其语）会为 Unicode大小写转换应用特殊的规则，这时候就必须使用针对地区的方法来保证实现正确的转换。

转换小写

toLowerCase()方法

示例：var stringValue = "hello world"; alert(stringValue.toLocaleLowerCase()); //"hello world" alert(stringValue.toLowerCase()); //"hello world"

toLocaleLowerCase()方法

--针对特定地区实现

字符串的模式匹配方法

match()方法

功能：用于在字符串中匹配模式

示例：var text = "cat, bat, sat, fat"; var pattern = /.at/; //与pattern.exec(text)相同 var matches = text.match(pattern); alert(matches.index); //0 alert(matches[0]); //"cat" alert(pattern.lastIndex); //0

本例中的match()方法返回了一个数组；如果是调用RegExp对象的exec()方法并传递本例中的字符串作为参数，那么也会得到与此相同的数组：数组的第一项是与整个模式匹配的字符串，之后的每一项（如果有）保存着与正则表达式中的捕获组匹配的字符串。

说明：a.本质上与调用RegExp的exec()方法相同 b.只接受一个参数，要么是一个正则表达式，要么是一个RegExp对象

search()方法

功能：返回字符串中第一个匹配项的索引；如果没有找到匹配项，则返回-1

示例：var text = "cat, bat, sat, fat"; var pos = text.search(/at/); alert(pos); //1

说明：a.这个方法的唯一参数与match()方法的参数相同：由字符串或RegExp对象指定的一个正则表达式。 b.search()方法始终是从字符串开头向后查找模式。

replace()方法

功能：替换子字符串

示例：var text = "cat, bat, sat, fat"; var result = text.replace("at", "ond"); alert(result); //"cond, bat, sat, fat" result = text.replace(/at/g, "ond"); alert(result); //"cond, bond, sond, fond"

说明：a.接受两个参数：第一个参数可以是一个RegExp对象或者一个字符串（这个字符串不会被转换成正则表达式），第二个参数可以是一个字符串或者一个函数。 b.如果第一个参数是字符串，那么只会替换第一个子字符串。要想替换所有子字符串，唯一的办法就是提供一个正则表达式，而且要指定全局（g）标志

split()方法

功能：可以基于指定的分隔符将一个字符串分割成多个子字符串，并将结果放在一个数组中。

示例：var colorText = "red,blue,green,yellow"; var colors1 = colorText.split(","); //["red", "blue", "green", "yellow"] var colors2 = colorText.split(",", 2); //["red", "blue"] var colors3 = colorText.split(/[^\,]+/); //["", ",", ",", ",", ""]

说明：a.分隔符可以是字符串，也可以是一个RegExp对象（这个方法不会将字符串看成正则表达式）。 b.split()方法可以接受可选的第二个参数，用于指定数组的大小，以便确保返回的数组不会超过既定大小。