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数据类型和运算符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript中数组随机排序的实现详解

    JavaScript中数组随机排序的实现详解

    这篇文章主要为大家详细介绍了JavaScript中数组随机排序的实现,主要是利用原地算法和sort/shuffle算法,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-11-11
  • JavaScript 中对象的深拷贝

    JavaScript 中对象的深拷贝

    在JavaScript中,对对象进行拷贝的场景比较常见。但是简单的复制语句只能对对象进行浅拷贝,即复制的是一份引用,而不是它所引用的对象。而更多的时候,我们希望对对象进行深拷贝,避免原始对象被无意修改
    2016-12-12
  • 利用D3.js实现最简单的柱状图示例代码

    利用D3.js实现最简单的柱状图示例代码

    D3.js是一个基于数据操作文档JavaScript库。D3帮助你给数据带来活力通过使用HTML、SVG和CSS。D3重视Web标准为你提供现代浏览器的全部功能,而不是给你一个专有的框架。最近在学习D3.js,这个例子是通过d3.js画一个简单的柱状图。下面来一起看看吧。
    2016-12-12
  • 分享JS四种好玩的黑客背景效果代码

    分享JS四种好玩的黑客背景效果代码

    大家好,本篇文章分享的是四种好玩的黑客背景效果JS代码,感兴趣的同学赶紧来试试吧,觉得还不错的话记得收藏一下哦,方便下次浏览
    2021-11-11
  • 拥抱模块化的JavaScript

    拥抱模块化的JavaScript

    模块化JavaScript的概念尤为强烈,似乎有赶超07年Ajax风潮之趋势
    2012-03-03
  • JavaScript使用structuredClone实现深拷贝

    JavaScript使用structuredClone实现深拷贝

    在JavaScript中,实现深拷贝的方式有很多种,每种方式都有其优点和缺点,今天介绍一种原生JavaScript提供的structuredClone实现深拷贝,文中通过代码示例给大家介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • js 设置css的定位

    js 设置css的定位

    css的定位设置代码
    2008-12-12
  • 基于原生js实现九宫格算法代码实例

    基于原生js实现九宫格算法代码实例

    这篇文章主要介绍了基于原生js实现九宫格算法代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • 小程序开发指南之全局配置

    小程序开发指南之全局配置

    这篇文章主要给大家介绍了关于小程序开发指南之全局配置的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-01-01
  • 前端高频面试题之JS中堆和栈的区别和浏览器的垃圾回收机制

    前端高频面试题之JS中堆和栈的区别和浏览器的垃圾回收机制

    本文给大家分享前端高频面试题JS中堆和栈的区别和浏览器的垃圾回收机制,本文分文别类给大家介绍了栈(stack)和堆(heap)的区别基本类型和引用类型的相关知识,浏览器垃圾回收机制包括基本概念给大家介绍的非常详细,需要的朋友参考下吧
    2023-10-10

最新评论