【web前端(二十六)】javascript_变量、类型转换、控制逻辑_web前端图标怎么切换变量-优快云博客

本文链接：https://blog.youkuaiyun.com/LED_of_Java/article/details/99104722

本文深入探讨了JavaScript中变量的概念，包括其在强类型与弱类型语言中的特性，以及变量声明、赋值和类型转换的详细过程。通过具体示例，展示了如何在JavaScript中处理不同数据类型，并解释了字符串连接、数学运算、NaN处理及全等比较的细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

变量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>变量</title>
	</head>
	<body>
		<script type="text/javascript">
			/**
			 * 常量：
			 * （所有语言基本都一样）
			 * 整形 浮点型  字符型 布尔型 字符串 对象......
			 * 
			 * 
			 * 变量：
			 * 1、强类型语言：
			 * 有什么类型的常量，就有什么类型的变量
			 * 2、js,python等是弱类型语言
			 * 
			 * 特点：
			 * 1、变量声明只有一种类型var
			 * 2、保证什么类型的常量，就变成什么类型的变量
			 */
			
			var a;//声明变量
			console.log(a);
			console.log(typeof(a));
			a=20;//保存了一个整数
			console.log(a);
			console.log(typeof(a));
			a=20.32;//保存了一个浮点数
			console.log(a);
			console.log(typeof(a));
			a='H';//保存了一个字符
			/*在javaScript里，字符与字符串是一类。*/
			console.log(a);
			console.log(typeof(a));
			a="Hello Wolrd!";//保存了一个字符串
			console.log(a);
			console.log(typeof(a));
			a=true;//保存了一个布尔值
			console.log(a);
			console.log(typeof(a)); 
			a=new Object();//保存了一个对象
			/*在javaScript里面，
			 * 可以先new对象，
			 * 然后再加属性。*/
			
			a.name="张三";
			console.log(a+":"+a.name);
			console.log(typeof(a));
		</script>
		
	</body>
</html>

类型转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>类型转换</title>
	</head>
	<body>
		<script type="text/javascript">
			var a=200;
			console.log(a);
			/*字符串连接*/
			console.log(a.toString(+20));//toString函数
			console.log(String(+20));//String函数
			
			
			/*数学运算*/
			var b="233443";
			console.log(b+2000);
			console.log(Number(b)+2000);
			console.log(parseInt(b)+20002342);
			
			
			/*NaN，跟任何数据运算都是NaN*/
			var b="hello";
			console.log(Number(b)+2);
			
			
			/*全等*/
			var c=20,d="20";
			console.log(c==d);
			console.log(c==d);//全等
			
			//一下几个判断均为空值
//			if (Number("asdfghj")) {
//			if(""){
//			if(null){
			var aaa;
			if(aaa){
				console.log("我是true");
			}else{
				console.log("我是false")
			}
			
			
			//一般JavaScript在做运算的时候，
			//数据会被自动转换。
			
			
		</script>

	</body>
</html>

控制逻辑

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>综合例子(写棋盘)</title>
		<style>
			/*单线表*/
			table{
				border: 1px solid #000;
				/*给父标签加collapse（融合）*/
				border-collapse: collapse;
			}
			td{
				border: 1px solid #000;
				
			}
		</style>
	</head>
	<body>
		<script type="text/javascript">
			document.write("<table cellspacing='0' width='200' height='200'>");
			for (var i=0;i<8;i++) {
				document.write("<tr>");
				/*判断是否奇数行*/
				if(i%2==0){
					for (var j=0;j<8;j++) {
						if(j%2==0){
							document.write("<td bgcolor='#000000'>");
							document.write("</td>");
						}else{
							document.write("<td bgcolor='#FFFFFF'>");
							document.write("</td>");
						}
				  	}
			    }else{
					for (var j=0;j<8;j++) {
						if(j%2==0){
							document.write("<td bgcolor='#FFFFFF'>");
							document.write("</td>");
						}else{
							document.write("<td bgcolor='#000000'>");
							document.write("</td>");
						}
				  	}
				}
				document.write("</tr>");
			}
			document.write("</table>");
		</script>
	</body>
</html>