【前端灵魂脚本语言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的一样啦,这里就不展开啦!

相关文章
|
4天前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
5天前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
19 4
|
9天前
|
资源调度 前端开发 JavaScript
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第10天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤,包括安装依赖、创建混淆脚本、修改 `package.json` 脚本命令、构建项目并执行混淆,以及在 HTML 文件中引用混淆后的文件。通过这些步骤,可以有效提高代码的安全性。
|
17天前
|
设计模式 前端开发 JavaScript
揭秘!前端大牛们如何巧妙利用JavaScript,打造智能交互体验!
【10月更文挑战第30天】前端开发领域充满了无限可能与创意,JavaScript作为核心语言,凭借强大的功能和灵活性,成为打造智能交互体验的重要工具。本文介绍前端大牛如何利用JavaScript实现平滑滚动、复杂动画、实时数据更新和智能表单验证等效果,展示了JavaScript的多样性和强大能力。
32 4
|
15天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
15天前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
24 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
20天前
|
JavaScript 前端开发 开发者
前端框架对比:Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第27天】在前端开发领域,Vue.js和Angular是两个备受瞩目的框架。本文对比了两者的优劣,Vue.js以轻量级和易上手著称,适合快速开发小型到中型项目;Angular则由Google支持,功能全面,适合大型企业级应用。选择时需考虑项目需求、团队熟悉度和长期维护等因素。
28 1
|
4天前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
12天前
|
前端开发 JavaScript 安全
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第7天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤。包括项目准备、安装 `javascript-obfuscator`、配置 Vite 构建以应用混淆,以及最终构建项目进行混淆。通过这些步骤,可以有效提升前端代码的安全性,防止被他人轻易分析和盗用。
|
1月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
133 2
下一篇
无影云桌面