2021.4.30 js学习第六天

布尔值对象(Boolean)

1.创建 boolean 对象

var boo1=true; 类型 boolean var boo2=new Boolean(数值); 类 object

通过构造器创建 boolean 对象可以将
数字 0–false
非 0–true
字符串 “”—false
非””–true
null—false NaN—false

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>布尔值对象(Boolean)</title>
		<script>
			window.onload=function(){
				//1.创建 boolean 对象
				var boo1=true;
				//alert(typeof boo1);  //Boolean
				//2..通过构造器创建 boolean 对象可以将
				var boo2=new Boolean(false);
				//alert(typeof boo2);  //Object
				//boolean类型 0--false 非 0--true
				/*
				var boo3=6;
				
				if(boo3){
					alert("true");
				}else{
					alert("false");
				}
				
			    //object类型 所有的数字都是true
				var boo3=new Boolean(8);
				
				if(boo3){
					alert("true");
				}else{
					alert("false");
				}
				
			   //字符串 “”---false 非””--true
			   //var boo4=new Boolean("");
			   //alert(typeof boo4);  //Object
			   var boo4=true;  
			   alert(typeof boo4);    //String
			   if(boo4){
			   	alert("true");
			   }else{
			   	alert("false");
			   }
			  
			// null---false 
			   var boo5=(null);
			   if(boo5){
				   alert("true");
			   }else{
				alert("false");
			   }
			
			//NaN---false
			  var boo5=new Boolean(NaN);
			  //var boo5=(NaN);
			  if(boo5){
			  	alert("true");
			  }else{
			  alert("false");
			  } 
			 
			//valueof()  返回boolean对象的原始值
			  var boo6=new Boolean(0);
			  var boo7=boo6.valueOf(boo6);
			  alert(typeof boo7);
			  if(boo7){
				  alert("true");
			  }else{
				  alert("false");
			  }
			  */ 
			 //toString() 将布尔转化为字符串
			 var boo8=true;
			 var boo9=boo8.toString();
			 alert(typeof boo9);
			}
		</script>
	</head>
	<body>
	</body>
</html>

Date 对象

1、创建 Date 对象

1.new Date(); //当前系统时间

2.new Date(milliseconds) //返回从
1970 年 1 月 1 日至今的毫秒数

3.new Date(dateString)

4.new Date(year, month,
day, hours, minutes, seconds, milliseconds)

2.常用的函数

getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。
getFullYear()获取年份
getMonth()获取月份【从 0 开始数,我们在使用的是需要+1】
getDate()获取月中的天数
getDay()获取星期
getHours()获取小时数
getMinutes()获取分钟数
getSeconds()获取秒数

setFullYear(y,m,d) 设置具体的日期。
setMonth()设置月份【从 0 开始数,我们在使用的是需要-1】
setDate()设置月中的天数
setDay()设置星期
setHours()设置小时数
setMinutes()设置分钟数
setSeconds()设置秒数

3.两个日期比较

日期对象也可用于比较两个日期。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Date 对象</title>
		<script>
			window,onload=function(){
				/*
		//创建 Date 对象 1.new Date(); //当前系统时间
				var date1=new Date();
				alert(date1); // Fri Apr 30 2021 17:30:34 GMT+0800 (中国标准时间)
			//2.new Date(milliseconds) 返回从 1970 年 1 月 1 日至今的毫秒数	
				//var date2=new Date(0);
				//alert(date2); //Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)
				var date3=new Date(1000);
				//alert(date3);  //Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)
			//3.new Date(dateString)
				//var dateString="2021.4.30 20:08";
				var dateString="2021-4-30 20:10";
				var date3=new Date(dateString);
				//alert(date3);
			//4.new Date(year, month, day, hours, minutes, seconds, milliseconds)
				var date4=new Date(2021,4,30,20,20,9,889);
				//alert(date4);
				
			getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。
			getFullYear()获取年份
			getMonth()获取月份【从 0 开始数,我们在使用的是需要+1】
			getDate()获取月中的天数
			getDay()获取星期	
			getHours()获取小时数
			getMinutes()获取分钟数
			getSeconds()获取秒数
			
		   var date1=new Date();
		   var time=date1.getTime();
		   var date2=new Date(time);
		   alert(date2);
			
		   var date2=new Date();
			var year=date2.getFullYear();
			var month=date2.getMonth();
			var date=date2.getDate();
			var day=date2.getDay(); 
			var h=date2.getHours();
			var minutes=date2.getMinutes();
			var seconds=date2.getSeconds();
			var time=year+"年"+month+"月"+date+"日"+h+":"+minutes+":"+seconds+" 星期"+day;			
			alert(time);
			
		    setFullYear(y,m,d) 设置具体的日期。
			setMonth()设置月份【从 0 开始数,我们在使用的是需要-1】
			setDate()设置月中的天数 
			setDay()设置星期 
			setHours()设置小时数 
			setMinutes()设置分钟数 
			setSeconds()设置秒数
			
		   var date1=new Date();
		   var year=date1.setFullYear(2022);
		   var month=date1.setMonth(4);
		   var date=date1.setDate(10);
		   var day=date1.getDay();
		   var h=date1.setHours(9);
		   var minutes=date1.setMinutes(13);
		   var seconds=date1.setSeconds(15);
		   alert(year+"年"+month+"月"+date+"日"+h+":"+minutes+":"+seconds+"星期"+day);
		   ????
		   
		  3.两个日期比较 日期对象也可用于比较两个日期。 
		  下面的代码将当前日期与 2100 年 1 月 14 日做了比较:
		  */
		   var date1=new Date();
			date1.setFullYear(2100,0,14);  //设置一个时间用来比较
			var date2=new Date();   		//得到当天的时间日期
			if(date1>date2){
				alert("今天是2100年4月14日之前");
			}else{
				alert("今天是2100年4月14日之后");
			}
		  
			}
		</script>
	</head>
	<body>
	</body>
</html>

Math 对象

1.Math(算数)对象的作用是:执行常见的算数任务。

2.不需要创建对象,因为 Math 对象中的函数和属性都是通过 Math 名称访问的。

3.常见的属性和函数

Math.E – 自然常数,为数学中一个常数,是一个无限不循环小数,且为超越数,其 值约为 2.718281828459045。

Math.PI------圆周率
max()返回两个给定的数中的较大的数
min()返回两个给定的数中的较小的数
random()返回 0 到 1 之间的随机数。
round()最为接近的整数
Math.sqrt()开平方根
Math.cbrt()开立方根
Math.pow()计算次幂

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math 对象</title>
		<script>
			window.onload=function(){
				//1.Math(算数)对象的作用是:执行常见的算数任务。
				
				//2.不需要创建对象,因为 Math 对象中的函数和属性都是通过 Math 名称访问的。
				//3.常见的属性和函数 
				//Math.E -- 自然常数,为数学中一个常数,是一个无限不循环小数,且为超越数,其 值约为 2.718281828459045。
				//Math.PI------圆周率
				//alert(Math.E);
				//alert(Math.PI);
				//max()返回两个给定的数中的较大的数 
				//alert(Math.max(520,1314));
				
				//min()返回两个给定的数中的较小的数
				//alert(Math.min(520,1314));
				//random()返回 0 到 1 之间的随机数。
				//alert(Math.random());
				
				//如何得到 1-10/1-100...的整数
				//var num=(Math.random()*10 >> 0)+1;
				var num=(Math.random()*100 >> 0)+1;
				//alert(num);
				//round()最为接近的整数
				//alert(Math.round(-10.52));
				//Math.sqrt()开平方根 
				//alert(Math.sqrt(4));
				//Math.cbrt()开立方根 
				//alert(Math.cbrt(8));
				//Math.pow()计算次幂
				alert(Math.pow(8,3));
				
				
			}
		</script>
	</head>
	<body>
	</body>
</html>

RegExp 对象

1.RegExp:是正则表达式(regular expression)的简写。
2.RegExp 就是一个用来检索,判断文本数据的一种格式。在做数据校验的时候经常使用。

在这里插入图片描述

下列是一些常见的正则表达式:

一、校验数字的表达式

在这里插入图片描述
二、校验字符的表达式

在这里插入图片描述

三、特殊需求表达式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述3.创建正则表达式对象

new RegExp(正则表达式字符)
test()判断数据值是否符合正则表达式的要求,
符合返回 true,否则就是 false.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>RegExp 对象</title>
		<script>
			window.onload=function(){
				
				/*
				创建正则表达式对象 
				new RegExp(正则表达式字符) 
				test()判断数据值是否符合正则表达式的要求,
				符合返回 true,否则就是 false. 
				*/
			   var regexp=(/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/);
			   var reg=new RegExp(regexp);
			   var phonenue="622mk";
			   var falg=reg.test(phonenue);
			   if(falg){
				   alert("手机号码--"+phonenue+"正确");
			   }else{
				   alert("手机号码--"+phonenue+"不正确");
			   }
			}
		</script>
	</head>
	<body>
	</body>
</html>

javascript 中的数据类型转换

1. 数字与字符串的转换

1.1 数字–》字符串

  1. new String()
  2. Number 对象方法 toString()
  3. Number 对象 toFixed(小数的位数)把数字转换为字符串
  4. 加上空字符串【“”】

1.2.字符串—》数字

【被转换的一定要是数字值的字符串】 1.Number() 可以将字符串转换为数字
2.包含数字值的字符串*1

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数字与字符串的转换</title>
		<script>
			window.onload=function(){
				/*
				1.数字--》字符串 
				1. new String() 	
			   var num=100; // Number
			   var numstr=new String(num);
			   //alert(typeof numstr); // String Object
			   //alert(numstr.indexOf("0"));
			   //2. Number 对象方法 toString() 
			    var num=100; // mumber
				var num2=new Number(num); // number object
				var num2str=num2.toString();//string 
				alert(num2str.indexOf("0"));
				
				//3. Number 对象 toFixed(小数的位数)把数字转换为字符串 
			   var num=100;
			   var num2=new Number(num);
			   var numfix=num2.toFixed(1);  //String
			   alert(numfix);
			  
			   
			   //4. 加上空字符串【“”】
			   var num=100;
			   var numstr=num+"0";
			   alert (typeof numstr);  //string 
			   
			1.2.字符串---》数字 【被转换的一定要是数字值的字符串】 
			1.Number() 可以将字符串转换为数字 
			
			*/
			var str=("126");
			var num=new Number(str);  //Number object 
			var num2=num.valueOf(num);
			alert(typeof num2);		//number 	
			//2.包含数字值的字符串*1
		   var str=("126");
		   var num=str*1;
		   alert(num);	 // number 		   
			   
			}
		</script>
		
	</head>
	<body>
	</body>
</html>

2. 布尔值与字符串的转换

2.1 布尔值–》字符串

  1. new String() 可以将布尔值转换为字符串 2.Boolean 方法 toString() 也有相同的效果。

2.1 布尔值–》字符串

  1. new String() 可以将布尔值转换为字符串

2.Boolean 方法 toString() 也有相同的效果。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>布尔值与字符串的转换</title>
		<script>
			window.onload=function(){
				/*
				2.1 布尔值--》字符串 
				1. new String() 可以将布尔值转换为字符串 
				2.Boolean 方法 toString()
				
				var boo=true;
				var boo1=new String(boo);  //object  
				alert(typeof boo1);
				
				var boo=true;
				var str1=new Boolean(boo);
				var str2=str1.toString();  //String
				alert(typeof str2);
				
				2.2 字符串--》布尔值 
				空字符串[“”]是 false,非空字符串是 true
				 */
				  var str="";
				  var boo=new Boolean(str);  // Object 
				  var boo1=boo.valueOf();    //Boolean
				  alert( boo1);
				  
			}
		</script>
	</head>
	<body>
	</body>
</html>

3. 布尔值与数字的转换

3.1 布尔值—》数字
1.乘 1【*1】
2.new Number()

3.2 数字—》布尔值

0 是 false,非 0 就是 true

4.日期与字符串转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>3. 布尔值与数字的转换</title>
		<script>
			window.onload=function(){
				/*
				3.1 布尔值---》数字 
				1.乘 1【*1】 
			
			   var boo=true;
			   var num=boo*1;  // number
			   alert(typeof num);
				2.new Number()
				
				var boo1=true;
				var num=new Number(boo1);  //number Object
				var num1=num.valueOf();    //number
				alert(num1);
				
				3.2 数字---》布尔值 
				0 是 false,非 0 就是 true
				*/
				var num=0;
				var boo=new Boolean(num);
				var boo1=boo.valueOf();
				alert(typeof boo1);
			}
		</script>
	</head>
	<body>
	</body>
</html>

4.1 日期–》字符串

1.String() 可以将日期转换为字符串。
2.Date 方法 toString() 也有相同的效果。

4.1 字符串–>日期

new Date(String);

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>4.日期与字符串转换</title>
		<script>
			window.onload=function(){
				/*
				4.1 日期--》字符串 
				1.String() 可以将日期转换为字符串。
				
				
				var date=new Date();
				var str=new String(date);  
				var str1=str.valueOf();
				alert(typeof str1);   //string
				2.Date 方法 toString() 也有相同的效果。
				
			   var date=new Date();
			   var date1=date.toString();
			   alert(typeof date1);  //string
			   
			   4.1 字符串-->日期 
			   new Date(String);
			   */
			  var str="2021-5-2";
			  var date=new Date(str);
			   alert(date);
			   
			}
		</script>
	</head>
	<body>
	</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值