JavaScript详细分析数据类型和运算符

更新时间：2022年07月20日 09:07:57 作者：Flyme awei

这篇文章主要介绍了JavaScript数据类型和运算符案例,结合实例形式分析了JavaScript数据类型和运算符特性与相关操作技巧,需要的朋友可以参考下

一、js中的数据类型

1.JS是弱类型的脚本语言,所有的变量对象的数据类型的声明都是var 。

2.变量声明时没有确定具体的数据类型,在变量赋值时确定变量具体的数据类型。

五种基本的数据类型

1.数值型

number整数和浮点数统称为数值。例如520或3.14等。

2.字符串型

String由0个,1个或多个字符组成的序列。在JavaScript中，用双引号或单引号括起来表示，如"hello JavaScript"、‘hello world’ 等。

3.逻辑(布尔)型

boolean用true或false来表示。

4.空(null)值

表示没有值，用于定义空的或不存在的引用。要注意，空值不等同于空字符串""或0。

5.未定义(undefined)

它也是一个保留字。表示变量虽然已经声明，但却没有赋值。

6.复合数据类型Object

除了以上五种基本的数据类型之外，JavaScript还支持复合数据类型Object，复合数据类型包括对象和数组两种。

注：JS中的标识符命名规则和JAVA中的保持一致即可尽量避免使用$会和jQuery冲突

二、JavaScript中的运算符

JS中运算符号大部分和java中的运算符一样,我们在这里分析一下特殊的运算符号

类型	运算符
算数运算符	+ - * / % ++ –
赋值运算符	=
比较运算符	> < >= <= == === !=
逻辑运算符	&& ！ \|\

1.算数运算符

+ - * / %

关于 / %

JS中,数字类型都是number,除法的结果中如果没有小数位,直接就是一个整数,如有小数位,才是浮点数

JS中如果出现除零,那么结果是 infinity,而不是报错

2.赋值运算符

变量的赋值

3.比较运算符

== 等值符

先比较类型,如果类型一致,则比较值是否相同

如果类型不一致,会将数据尝试转换number 再比较内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var i = 1;
			var j = "1";
			var k = true;
			var l ="true";
			alert(i == j)//true
			alert(i == k)//true
			alert(i == l)//flase
			alert(j == k)//true
			alert(j == l)//flase
			alert(k == l)//flase
		</script>
	</head>
	<body>
	</body>
</html>

=== 等同符

数据类型不同直接返回false如果类型相同才会比较内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var i = 1;
			var j = "1";
			var k = true;
			var l ="true";
			alert(i === j)//flase
			alert(i === k)//flase
			alert(i === l)//flase
			alert(j === k)//flase
			alert(j === l)//flase
			alert(k === l)//flase
		</script>
	</head>
	<body>
	</body>
</html>

4.逻辑运算符

js的逻辑运算符&& ！ || 和java的一样啦，这里就不展开啦！

到此这篇关于JavaScript详细分析数据类型和运算符的文章就介绍到这了,更多相关JS数据类型和运算符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

js+ajax实现获取文件大小的方法
这篇文章主要介绍了js+ajax实现获取文件大小的方法,涉及JavaScript调用ajax交互及后台C#文件操作的相关技巧,需要的朋友可以参考下
2015-12-12
JavaScript html5 canvas绘制时钟效果
这篇文章主要介绍了JavaScript html5绘制时钟效果的相关资料，使用HTML5的canvas标签和Javascript脚本，模拟显示了一个时钟，感兴趣的小伙伴们可以参考一下
2016-03-03
浅谈JavaScript中数组的增删改查
下面小编就为大家带来一篇浅谈JavaScript中数组的增删改查。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
JavaScript中btoa和atob全局函数示例详解
这篇文章主要给大家介绍了关于JavaScript中btoa和atob全局函数的相关资料,atob和btoa是window对象的两个函数,用来编码解码Base64,文中通过代码介绍的非常详细,需要的朋友可以参考下
2024-08-08
js布局实现单选按钮控件
这篇文章主要为大家详细介绍了js布局实现单选按钮控件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-01-01
让IE8支持DOM 2（不用框架！）
众所周知，IE8开放了对DOM原型的支持以及ECMA v5的两个新方法——Object.defineProperty和Object.getOwnPropertyDexcriptor（单词好长……），并且这两个新方法居然只能用于DOM。
2009-12-12
js取得当前网址
用js获取当前网页的网址，平时一直用location.href;下一篇我会把document.url和location.href对比一下
2008-05-05
基于js中的原型(全面讲解)
下面小编就为大家带来一篇基于js中的原型(全面讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
根据分辨率不同，调用不同的css文件
根据分辨率不同，调用不同的css文件...
2006-07-07
stackoverflow常用工具库总结
这篇文章主要为大家介绍了stackoverflow常用工具库总结，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03