学习js第二周

最新推荐文章于 2024-09-14 18:52:56 发布

小王没脑袋

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量66

点赞数

分类专栏：周记文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/wzy0507/article/details/129342046

版权

周记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

学习总结

js中的对象
Date

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		<!--创建对象的两种方法-->
		var d=new Date();
		var d1=new Date("12/03/2016 11:20:06");
		console.log(d1);
		<!--date对象的方法-->
		 var date=d1.getDate();
		 console.log(date);
		 var date2=d1.getMonth();
		 var date3=d1.getDay();
		 var year =d1.getFullYear();
		 // 利用时间戳测试性能
		 var strat=Date.now();
		 for(var i=0;i<100;i++){
			 
		 }
		  var end=Date.now();
		  console.log("执行了"+(end-strat));
		  // 绝对值
		  console.log(Math.abs(1));
		  // 向上取整
		   console.log(Math.ceil(1.5)); 
		</script>
	</head>
	<body>
	</body>
</html>

Math
math是一个封装好的类拿过来就能用
1.属性
2.方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		Math.abs();<!-- 取绝对值 -->
		Math.ceil();<!-- 向上舍入 -->
	    Math.floor();<!-- 向下取整 -->
		Math.round() ;<!-- 四舍五入取整 -->
		Math.random();<!-- 生成0-1的随机数 -->
		Math.max(11,12);<!-- 求最大值 -->
		Math.pow(x,y);<!-- 返回x的次幂 -->
		Math.sqrt();<!-- 开方 -->
	</head>
	<body>
	</body>
</html>

包装类
意思就是基本数据类型对象能用的属性和方法
String类用的方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var str = "hello";
			console.log(str.length);
			// 获取长度
			console.log(str[2]);
			var result = str.charAt(0);
			console.log(result);
			// charAt();返回原字符串中的指定位置的字符 
           // 不会对原来的字符串产生影响
			var result2 = String.fromCharCode(75);
			console.log(result2);
			// charcodeAt();获取字符的编码
			String.formXharCode();
			// 根据编码去获取字符
			var result3 = str.indexOf("l");
			console.log(result3);
			// indexof();检索字符串 
			// 返回-1则是没有这个值
			//  第二个参数为查找位置
			var result4 = str.substring(2, 4);
			console.log(result4);
			// 截取字符串
			str="abc,bcd,def";
			result=str.split(",");
			// 将字符串转化成数组
			console.log(result[1]);
			console.log(typeof(str))；
		</script>
	</head>
	<body>
	</body>
</html>

类型转化
转化为String
1转化为String类型的
toString（）；null和underfined不行在这里插入图片描述
2String（）；
3隐式转化
任何类型的数据+字符串类型的数据，得到的结果均为字符串型。隐式转换，就是通过一个引号引起来的空格加上任意类型的数据。
转化为number
1 Number（）;
2 parseInt();
通过这个方法，可以将字符串中含有非数字内容且以数字内容开头的字符串转换为数字型，当字符串以字母或者符号开头，只能转换为NaN,但是其他可转换类型的数据只能转换为整数，当遇到数据中存在小数点时，进行取整。（空字符串，布尔型，null，undefined进行转换只能转换为NaN）
使用parseInt()时，也可以转换为指定进制数字
+
3.parseFloat()
原理与parseInt()相同，只不过此时通过这个方法，可以将有小数点的字符串转换为有小数点的数字型，此类方法不可以指定进制，只能转为十进制
.隐式转换
通过与数字型数字进行减法，除法，乘法运算，可以将其转换为数字型，可以理解为系统自动先使用Number()，对需要转换的值进行转换后再与数字型相运算，Number()中转换为NaN的类型，使用隐式转换仍为NaN
直接对变量进行运算
其他类型通过这个方法，均可以转换为true或者false，空字符串，null，undefined，NaN,0均转为false，其他的全为true。
数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		// 创建数组
		var arr=new Array();
		// 往数组里面添加元素
		arr[0]=10;
		// 读取数据
		arr.length=8
		console.log(arr[0]);
		// 使用字面量创建数组
		var arr1=[1,2,3,4];
		
		// 数组方法
       var arr2=["wzy","ly","hy"];
	   arr2.push("lnm","mm");
	   console.log(arr2);
	   arr2.pop();
	   console.log(arr2);
	   arr2.unshift("非常好");
	   arr2.shift();
		</script>
	</head>
	<body>
	</body>
</html>

dom
在这里插入图片描述

函数

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
			<script type="text/javascript">
			function fun(number){
		     return(number%2==0);
				
			}
			var result=fun(15);
			console.log(result);
			<!--创建函数 传递一个参数-->
			function sayhello(o){	
				console.log(o==obj)
				console.log("我是"+o.name);
			}
			var obj={
				name:"wzy",
				gender:"女",
			}
			<!--传递参数-->
			sayhello(obj);
			for(var n in obj){
				console.log(n)
			}
			</script>
	</head>
	<body>
	</body>
</html>