首页 > 编程语言 >【前端】JavaScript入门及实战21-25

【前端】JavaScript入门及实战21-25

时间：2024-07-21 13:56:33浏览次数：14  
标签：25 console 21 JavaScript 运算符 var false true log

文章目录

21 关系运算符

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">	
	/*
		通过关系运算符可以比较两个值之间的大小关系，
		如果关系成立它会返回true，如果关系不成立则返回false
		
		> 大于号：判断符号左侧的值是否大于右侧的值
				  如果关系成立，返回true，如果关系不成立则返回false
		
		>= 大于等于：判断符号左侧的值是否大于或等于右侧的值
					 如果关系成立，返回true，如果关系不成立则返回false
		
		<
		
		<=
		
		非数值的情况：1. 非数字进行比较时，先转换为数字再进行比较
					 2. 如果符号两侧的值都是字符串，不会将其转换为数字进行比较，
					     会分别比较字符串中字符的Unicode编码
	*/
	
	var res = 5 > 10; // false
	
	res = 5 > 4; // true
	
	res = 5 >= 5; // true
	
	res = 5 < 4; // false
	
	res = 4 <= 4; // true
	
	console.log(1 > true); // false
	
	console.log(1 >= true); // true
	
	console.log(1 > "0"); // true
	
	console.log(10 > null); // 10 > 0, true
	
	// 任何值和NaN做任何比较都是false
	console.log(10 > "hello"); // 10 > NaN, false
	
	console.log(true > false); // 1 > 0, true
	
	console.log("1" < "5"); // true
	
	// 特殊情况！！！
	console.log("11" < "5"); // true
	
	console.log("a" < "b"); // true
	
	// 比较字符编码时是一位一位进行比较的
	
	console.log("abc" < "b"); // true
	
	// 如果两位一样，则比较下一位，所以借用他来对英文进行排序
	console.log("bbc" < "b"); // false
	
	// 比较中文没有意义
	console.log("你" < "我"); // false
	
	// 如果比较两个字符串型的数字，可能会得到不可预期的结果
	// 注意：在比较两个字符串型的数字时，一定要转型
	console.log("453213245" < +"5"); // false, +"5" -> 5
</script>
<style>
</style>
</head>
<body>
</body>
</html>

22 编码

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		在字符串中使用转义字符输出Unicode编码：\u四位编码	
	*/	
	console.log("\u1C00"); // unicode编码
		
	console.log("\u0031"); // 1	
</script>
<style>
</style>
</head>
<body>
	<!--
		在网页中使用Unicode编码：&#编码;
		这里的编码需要的是10进制
	-->
	<h1 style="font-size: 100px;">&#9760;</h1>
	<h1 style="font-size: 100px;">&#9856;</h1>
</body>
</html>

23 相等运算符

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	
	/*
		相等运算符用来比较两个值是否相等，
		如果相等会返回true，否则会返回false
		
		使用==来做相等运算：当使用==来比较两个值时，如果值的类型不同，
							则会自动进行类型转换，将其转换为相同的类型
							大部分情况都转换为数字
							
		不相等：不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false
				使用!=来做不相等运算
				不相等也会对变量进行自动的类型转换，如果转换后相等也会返回false
				
		===：全等：用来判断两个值是否全等，他和相等类似，不同的是他不会做自动的类型转换
				   如果两个值的类型不同，直接返回false
		
		!==：不全等：用来判断两个值是否不全等，和不等类似，不同的是他不会做自动的类型转换
					 如果两个值的类型不同，直接返回true
		
	*/
	
	console.log(1 == 1); // true
	
	var a = 10;
	
	console.log(a == 4); // false
	
	console.log("1" == 1); // true
	
	console.log(true == "1"); // true
	
	console.log(true == "hello"); // false，转为了number 0
	
	console.log(null == 0); // false，特殊情况，没转为number
	
	/*
		undefined衍生自null
		所以这两个值做判断时，会返回true
	*/
	console.log(undefined == null); // true
	
	/*
		NaN不和任何值相等，包括他本身
	*/
	console.log(NaN == undefined); // false
	
	console.log(NaN == NaN); // false
	
	var b == NaN;
	console.log(b == NaN); // false
	
	/*
		可以通过isNaN()函数来判断一个属是否是NaN
	*/	
	console.log(isNaN(b)); // true
	
	console.log(10 != 5); // true
	
	console.log("abcd" != "abcd"); // false
	
	console.log("1" != 1); // false
	
	console.log("123" === 123); // false
	
	console.log(null === undefined); // false
	
	console.log("1" !== 1); // true
</script>
<style>
</style>
</head>
<body>	
</body>
</html>

24 条件运算符

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		条件运算符也叫三元运算符
		语法：条件表达式? 语句1: 语句2
		执行的流程：条件运算符在执行时，首先对条件表达式进行求值
					如果该值为true，则执行语句1，并返回执行结果
					如果该值为false，则执行语句2，并返回执行结果
					如果条件的表达式的求值结果是一个非布尔值，会将其转换为布尔值，然后再运算
	*/
	
	true? alert("语句1"): alert("语句2"); // 弹出语句1
	
	false? alert("语句1"): alert("语句2"); // 弹出语句2
	
	var a = 10;
	var b = 20;
	var c = 50
	
	a > b? alert("a大"): alert("b大");
	
	// 获取a和b中的最大值
	var max = a > b ? a : b;
	
	// 获取a、b、c中的最大值
	max = max > c ? max : c;
	
	// 求最大值，这种写法不推荐，不方便阅读
	var max = a > b ? (a > c ? a : c) : (b > c ? b : c);
	
	"hello" ? alert("语句1"): alert("语句2"); // 1
	"" ? alert("语句1"): alert("语句2"); // 2
</script>
<style>
</style>
</head>
<body>
</body>
</html>

25 运算符优先级

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		,运算符：
			使用,可以分割多个语句，一般可以在声明多个变量时使用
	*/
	
	//使用,运算符同时声明多个变量
	var a, b, c;
	
	//可以同时额韩国匿名多个变量并赋值
	var a = 1, b = 2, c = 3;
	
	alert(b);
	
	/*
		运算符优先级
		就和数学中一样，在JS中运算符也有优先级
		比如：先乘除后加减
		
		在JS中有一个运算优先级的表，在表中位置越靠上，优先级越高，优先级高则优先计算
		如果优先级相同，则从左往右计算，这个表并不需要记忆，如果遇到优先级不清楚的，可以使用括号()改变优先级
	*/
	
	var res = 1 + 2 * 3;
	
	/*
		如果||的优先级高，或者两个一样高，则应该返回3
		如果&&的优先级高（返回3），则应该返回1
	*/
	var res = 1 || 2 && 3; // && > ||
	
	var res = (1 || 2) && 3; // 先算或（||）
</script>
<style>
</style>
</head>
<body>
</body>
</html>

标签：25,console,21,JavaScript,运算符,var,false,true,log
From： https://blog.csdn.net/weixin_45980065/article/details/140504954

相关文章

  • 【前端】JavaScript入门及实战51-55
    文章目录51函数52函数的参数53返回值54练习55return51函数<!DOCTYPEhtml><html><head><title></title><metacharset="utf-8"><scripttype="text/javascript"> /* 函数： 1.函数也是一个对象 2.函数中可以封装一些功能......
  • 大创项目个人周报（24.7.15-24.7.21）
    本周主要利用B站学习Kotlin语言一、完成环境的配置和软件的下载1、开发环境配置安装Java8环境2、IDEA安装与使用熟悉IDEA软件3、熟悉简单代码vara:Int//println("KFCvivo50")二、变量与基本类型1、变量的声明与使用var[变量名称]:[数据类型]例：funmain(......
  • 爬取前 250 部电影 IDMb 中的数据
    拜托，我需要有人帮助我。我不明白为什么我只爬取25部电影而不是250部电影。我的代码：importpandasaspdimportrequestsfrombs4importBeautifulSoupheaders={'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)C......
  • 马上消费2025届管培生校园招聘正式启动
    我们在一起为了了不起[鼓掌][鼓掌][鼓掌]马上消费2025届管培生校园招聘正式启动研发、产品、风控、数据、运营、博士后等100+岗位开放，欢迎各位同学投递需要内推的同学看下面：校招内推码:GZ97KDS 投递链接: https://weikezhijia.jobs.feishu.cn/s/iMrUgpXL有问题联系......
  • 【Dison夏令营 Day 25】用Python写个2048
    在本文中，我们将用python代码和逻辑来设计一款你经常在智能手机上玩的2048游戏。如果您对该游戏不熟悉，强烈建议您先玩一下该游戏，以便了解其基本功能。如何玩2048.NET？1.有一个4*4的网格，可以填入任何数字。一开始，随机填入两个2的单元格。其余单元格为空。我们......
  • 5.25测试错题总结
    D1100不定方程求解错误代码（AC了，但是写法有问题）#include<bits/stdc++.h>usingnamespacestd;constintN=1e5+2;typedeflonglongll;intmain(){ freopen("as01.in","r",stdin); freopen("as01.out","w",stdout); inta,b,......
  • 2024-07-21 闲话
    今天在家找到了高三几次考试语文作文原稿，当初留下它们的意思是一个字一个字敲一下的，但是暑假实在是没时间了。于是索性一步到位，在博客园上传扫描件吧哈哈。我个人体感是周测发的答题纸的格的大小比模拟考试的时候的格小。但是高考的格子是啥样的我也给忘了。离谱。......
  • luoguP8218 【深进1.例1】求区间和
    【深进1.例1】求区间和题目描述给定$n$个正整数组成的数列$a_1,a_2,\cdots,a_n$和$m$个区间$[l_i,r_i]$，分别求这$m$个区间的区间和。对于所有测试数据，$n,m\le10^5,a_i\le10^4$输入格式第一行，为一个正整数$n$。第二行，为$n$个正整数$a_1,a_2,\cdots,a_n$......
  • 如何在 PYTHON 中查找输入数字的千位、百位、十位和个位中的数字？例如：256 有 6 个一、5
    num=int(input("Pleasegivemeanumber:"))print(num)thou=int((num//1000))print(thou)hun=int((num//100))print(hun)ten=int((num//10))print(ten)one=int((num//1))print(one)我尝试过这个，但它不起作用，我被困住了。代码几乎是正确的，但需......
  • 代码随想录算法训练营第十五天 | 110.平衡二叉树、257. 二叉树的所有路径 、404.左叶
    110.平衡二叉树题目：.-力扣（LeetCode）思路：后序遍历计算高度代码：/***Definitionforabinarytreenode.*structTreeNode{*intval;*TreeNode*left;*TreeNode*right;*TreeNode():val(0),left(nullptr),right(nullptr){}*......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99