javascript基础（包装类和字符串相关的方法）（二十三）

本文链接：https://blog.csdn.net/u010853130/article/details/54928060

1.包装类：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 通过包装类可以将一个基本数据类型包装为一个对象
			 * 	- 在JS中一共提供了三个包装类：
			 * 		String()
			 * 			- 将一个基本数据类型包装为一个String对象
			 * 		Boolean()
			 * 			- 将一个基本数据类型包装为一个Boolean对象
			 * 		Number()
			 * 			- 将一个基本数据类型保存一个Number对象
			 * 	- 通过这三个包装类，包装过后基本数据类型都会变成对象，
			 * 		会具有对象的一切的功能
			 */
			
			var a = 10;
			
			//通过Number()将a包装为一个对象
			a = new Number(a);
			//创建一个String对象
			var str = new String("字符串");
			//创建一个Boolean对象
			var bool = new Boolean(true);
			
			a.hello = "你好";
			
			//console.log(a.hello);
			//console.log(typeof bool);
			
			/*
			 * 在开发中，不要使用包装类来创建基本数据类型的对象
			 */
			//创建两个对象
			var num = new Number(5);
			var num2 = new Number(5);
			
			//console.log(num);
			
			/*
			 * 当我们去使用一个基本数据类型的属性，或是调用一个基本数据类型的方法时
			 * 	JS解析器会临时将基本数据类型包装为一个对象，然后去操作这个对象的属性或方法
			 * 	操作完成以后将对象立即销毁
			 */
			var b = 50;
			
			b.hello = "你好";
			
			console.log(b.hello);
			
			b.toString();
			
			//null.toString();
			
		</script>
	</head>
	<body>
	</body>
</html>

2.字符串相关方法：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 
			 * 在解析器的底层，保存字符串时，实际上是以字符数组的形式保存的
			 * 	所以字符串的操作方法和数组都是非常相似的
			 * 
			 */
			
			//["H","e","l","l","o"," ","A","t","g","u","i","g","u"]
			var str = "Hello Atguigu";
			
			//console.log(str.length);
			//console.log(str[5]);
			/*
			 * length可以用来获取一个字符串的长度
			 */
			
			/*
			 * charAt()
			 * 	- 可以根据索引来获取指定位置的字符
			 * 
			 * charCodeAt()
			 * 	- 可以根据索引来获取指定位置的字符的字符编码
			 * 
			 * String.fromCharCode()
			 * 	- 可以根据字符编码来获取字符
			 */
			str = "中AaHello Atguigu";
			
			var result = str.charAt(0);
			
			result = str.charCodeAt(0);
			
			result = String.fromCharCode(0x07A1);
			
			//console.log(result);
			
			/*
			 * concat()
			 * 	- 可以用来连接两个或多个字符串
			 * 	- 作用+ 一样
			 */
			str = "hello";
			var str2 = "world";
			
			result = str.concat(str2,"你好","天气好","吃的好");
			
			/*
			 * indexOf()
			 * 	- 检索指定字符串在当前字符串中的位置
			 * 	- 参数：
			 * 		第一个参数，要查询的字符串
			 * 		第二个参数，查找开始的位置
			 * 
			 * 	- 返回值：
			 * 		默认会返回字符串第一次出现的位置的索引
			 * 		如果没有找到该内容，则返回-1
			 * 
			 * lastIndexOf()
			 * 	- 检索指定字符串在当前字符串中的位置
			 * 	- 该方法和indexOf()一样，不同的是indexOf()是从前往后找
			 * 		而lastIndexOf()是从后往前找
			 */
			str = "Helo Altguigu";
			
			//result = str.indexOf("a");
			//result = str.indexOf("l",3);
			result = str.lastIndexOf("l",5);
			
			/*
			 * slice()
			 * 	- 可以用来截取一个字符中的内容
			 * 	- 参数：
			 * 		第一个参数，截取开始位置的索引（包括开始位置）
			 * 		第二个参数，截取结束位置的索引（不包括结束位置）
			 * 		- 可以接收一个负值作为参数，如果是负值，则从后往前数
			 * 		- 也可以省略第二个参数，如果省略则一直截取到最后
			 */
			
			str = "Hello Atguigu";
			
			result = str.slice(0,5);
			
			result = str.slice(5);
			
			/*
			 * substring()
			 * 	- 用来截取字符串的
			 * 	- 参数：
			 * 		第一个参数，截取开始位置的索引（包括开始位置）
			 * 		第二个参数，截取结束位置的索引（不包括结束位置）
			 * 		- 该方法不接收负值，如果传递了一个负值，则默认会设置为0
			 * 		- 该方法中如果第二个参数小于第一个，则会调整参数的位置
			 * 	
			 */
			str = "Hello Atguigu";
			result = str.substring(6,0);
			
			/*
			 * substr()
			 * 	- 用来截取字符串
			 * 	- 参数：
			 * 		第一个参数，截取开始位置的索引
			 * 			- 可以是负值，如果是负值从后往前数
			 * 		第二个参数，截取的个数
			 */
			
			str = "Hello Atguigu";
			result = str.substr(-3,2);
			
			//console.log(result);
			
			/*
			 * split()
			 * 	- 可以将一个字符串拆分为一个数组
			 * 	- 它需要一个字符串作为参数，将会根据该字符串对字符串进行拆分
			 * 		并且将拆分的后的值保存到一个数组中返回
			 */
			
			str = "孙悟空@猪八戒@沙和尚@唐僧";
			
			result = str.split("");
			
			//console.log(Array.isArray(result));
			//console.log(result);
			
			/*
			 * toLowerCase()
			 * 	- 将一个字符串转换为小写
			 * toUpperCase()
			 * 	- 将一个字符串转换为大写
			 */
			str = "abcdefg";
			
			result = str.toUpperCase();
			
			str = "ABCDEFG";
			
			result = str.toLowerCase();
			
			console.log(result);
			
			
		</script>
	</head>
	<body>
	</body>
</html>