【前端灵魂脚本语言JavaScript②】——JS中的数据类型和运算符

简介: JS是弱类型的脚本语言,所有的变量对象的数据类型的声明都是var 。 变量声明时没有确定具体的数据类型,在变量赋值时确定变量具体的数据类型。

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的一样啦,这里就不展开啦!

相关文章
|
1天前
|
前端开发 JavaScript 安全
JavaScript前端开发技术
JavaScript(简称JS)是一种广泛使用的脚本语言,特别在前端开发领域,它几乎成为了网页开发的标配。从简单的表单验证到复杂的单页应用(SPA),JavaScript都扮演着不可或缺的角色。
10 3
|
5天前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
38 0
|
5天前
|
前端开发 JavaScript 程序员
【从前端入门到全栈】Node.js 之核心概念
【从前端入门到全栈】Node.js 之核心概念
|
5天前
|
Web App开发 JavaScript 前端开发
前端Node.js面试题
前端Node.js面试题
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
83 2
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
102 4
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
76 4
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
66 4
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
85 4
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
77 3