JavaScript语言基础连连看第一篇—数据类型、常量变量和运算符

本文主要是介绍JavaScript语言基础连连看第一篇—数据类型、常量变量和运算符,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一,数据类型

JavaScript数据类型有两种:1,基本数据类型 2,复合数据类型。

1,数值型

数值型为最基本的数据类型,它不区分整数型值和浮点型值,在JavaScript中所有的数值都是浮点型表示的。

  • 十进制:由0-9组成数字序列,以10为基数。
  • 八进制:由0-7组成序列,以8为基数。
  • 十六进制:由0-9、a(A)~f(F)组成序列。
  • 浮点型数据:有小数点,有两种表示方法:传统计数法(例如:1.245)和科学计数法(例如:6e+6)表示。
  • 特殊值infinity:infinity表示无穷大,-infinity表示无穷小。当一个数值超出了JavaScript表示的最大值或者最小值时,会输出infinity或者-infinity。
  • 特殊值NaN:即Not a Number,非数字,进行数值运算中产生了未知的结果或者错误时,会返回NaN。
    例如:
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, 
initial-scale=1.0"><title>数值类型</title>
</head>
<body><script type="text/javascript">document.write("输出房子的单价和面积并求出总价");var dj=5400; var mj=100;document.write("<p>房屋单价是:"+dj+"<br>");document.write("房屋面积:"+mj+"<br>");document.write("房屋总价:"+(dj*mj));document.write("<hr>");document.write("使用科学计数法表示浮点数的输出结果");document.write("<p>");document.write(3e+6+"<br>");document.write(2.5e3+"<br>");document.write(1.25e-2);document.write("<hr>");document.write("特殊值infinity");document.write("<p>");document.write(1/0);document.write("<br>"+-1/0);document.write("<hr>");document.write("特殊值NaN:");document.write("<br>");document.write(0/0);</script>
</body>
</html> 

运行结果:
在这里插入图片描述

2,字符串型

字符串型string 包含在单引号或者双引号中,是由0个或者多个字符组成的序列,它可以包含大小写字母、数字、标点符号或者其他字符,同时也可以包括汉字。并且由单引号界定的字符串中可以含有双引号,有双引号界定的字符串中可以含有单引号。注意避免字符串使用的引号产生匹配错误的问题。

转义字符

转义字符的使用,和C语言一样,JavaScript转义字符为\ ,通过转义字符可以再字符串中添加不可显示的特殊字符并且避免引号匹配混乱的问题。
常见转义字符:

转义字符含义
\b退格
\n换行
\t水平制表符,Tab空格
\f换页
单引号
"双引号
\v垂直制表符
\r回车符
\ \反斜杠
\000八进制整数,范围在000~777
\xHH十六进制整数
\uhhhh十六进制编码的Unicode字符

注意在alert语句中使用转义字符\n

alert("Web:\nHTML\nCSS\nJavaScript");

在这里插入图片描述

但在document.write()中使用转义字符时只有将其放在格式化文本块中才起作用,所以脚本需要放在(pre)和(/pre)的标记中才有作用。

document.write("<pre>hello\nJavaScript</pre>");

效果:在这里插入图片描述

3,布尔型

布尔值只有真和假,即true和false,它通常在JavaScript中用作比较后的结果,通常用于控制结构。

二,常量和变量

在JavaScript中,常量和变量是数据结构的重要组成部分。

1,常量

常量是指在程序运行过程中保持不变的量,例如,12345是数值型常量,"JavaScript"是字符串型常量。

2,变量

变量声明使用关键字var声明,语法格式:

var name;
var a,b.c;   //同时声明a,b,c三个变量

变量赋值格式:

var first = "JavaScript基础连连看";

注意: 1,如果只声明了变量并未对其赋值,则其默认值为undefined。 2,使用var重复声明同一个变量时新值会覆盖前一个赋的值。

变量的类型:

变量的类型即变量的数据类型,有数值型、字符串型和布尔型等。JavaScript可以把任意类型数据赋值给变量

var num = 100;
num = "javascript基础连连看";

例子,

<body><h1 style="font-size: 24px;">沙奎尔·奥尼尔</h1><script type="text/javascript">var bname="大鲨鱼";var height = 216;var achievement= "4届NBA总冠军,3届NBA总决赛MVP";var position="中锋";document.write("别名:"+bname+"<br>");document.write("身高:"+height+"<br>");document.write("主要成就:"+achievement+"<br>");document.write("场上位置:"+position+"<br>");</script>

结果:在这里插入图片描述

三,运算符

运算符也可称作操作符,它可完成一系列的运算,用于将一个或者几个值进行计算而生成一个新的值,操作数可以是常量或者变量。

1,算术运算符

算术运算符可以在程序中进行加减乘除等运算,JavaScript常用算术运算符见下表:

运算符描述
+加法运算,例2+3 返回值为5
-减法运算,例如3-2 返回值为1
*乘法运算,例如2*3 返回值为6
/除法运算,例如8/4 返回值为2
%求模运算(即取余运算),例如7%4 返回值为3
++自加运算,例如x=1;y=x++;z=++x; 得到y的值为1,z的值为3,x的值为3
自减运算,例如x=6;y=x–;z=–x;得到 y的值为6,z的值为4,x的值为4

2,比较运算符

顾名思义:比较运算符用于比较两值大小
JavaScript常用比较运算符:

运算符描述
<小于
>大于
<=小于等于
>=大于等于
==等于,只根据表面值进行判断
===绝对等于,根据表面值和数据类型同时判断
!=不等于,只根据表面值判断
!==绝对不等于,根据表面值和数据类型同时判断

返回值只有true和false。
例如,

<body><script type="text/javascript">var num = 30;document.write("num的值为:"+num+"<br>");document.write("num>20:");document.write(num>20);document.write("<br>num<25:");document.write(num<25);document.write("<br>num==23:");document.write(num==23);document.write("<hr>")</script>

运行结果:在这里插入图片描述

3,字符串运算符

字符串运算符用来表示两个字符串之间的运算,作用是将两个字符串拼接起来。

运算符描述
+连接两个字符串
+=连接两个字符串并将结果赋给一个新的字符串

例如,

<body><script type="text/javascript">var movieName,director,type,actor,boxoffice;movieName= "消失的她";director="崔睿、刘翔";type="悬疑、犯罪";actor="朱一龙、倪妮、文咏珊、杜江、
黄子琪";boxoffice=35.20;document.write("影片名称:"+movieName+"<br>");document.write("导演:"+director+"<br>");document.write("类型:"+type+"<br>");document.write("主演:"+actor+"<br>");document.write("票房:"+boxoffice+"亿");</script>

运行结果:
在这里插入图片描述

4,赋值运算符

运算符描述
=将右边表达式的值赋值给左边的变量
+=将运算符左边的变量加上右边表达式的变量赋值给左边的变量
-=将运算符左边的变量减去右边表达式的变量赋值给左边的变量
*=将运算符左边的变量乘上右边表达式的变量赋值给左边的变量
/=将运算符左边的变量除以右边表达式的变量赋值给左边的变量
%=将运算符左边的变量用右边表达式求余,并将结果赋值给左边的变量

5,逻辑运算符

逻辑运算符用于对一个或者多个布尔值进行逻辑运算,和C语言一样,由与或非组成。

运算符1 运算符 11 运算符 00 运算符 10 运算符 0
&&truefalsefalseflase
lltruetruetruefalse

&&,逻辑运算。||,逻辑运算。
关于非(!) 运算,非真为假,非假为真

6,条件运算符

条件运算符是一个三目运算符,语法格式如:

var a =10,b =10;
document.write(a==b?"相等":"不相等");

输出相等

7,其他运算符

1’逗号运算符,

逗号运算符和C语言中一样,将多个表达式排列在一起,而整个表达式的值为最后一个表达式的值。例如,

var a,b,c,d;
a=(b=3,c=4,d=5);
document.write("a的值为:"+a);

输出结果:a的值为:5

2’typeof运算符,

typeof运算符用于判断操作数的数据类型,返回一个字符串,该字符串表明操作数为什么数据类型,用于判断一个变量是否已被定义。

数据类型返回值数据类型返回值
数值numbernullobject
字符串string对象object
布尔值boolean函数object
undefinedundefined

3’new运算符,

在JavaScript中有很多内置对象,可通过new运算符创建一个新的内置对象实例,语法如下:
对象实例名称 = new 对象类型(参数)
对象实例名称 = new 对象类型

这篇关于JavaScript语言基础连连看第一篇—数据类型、常量变量和运算符的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/559097

相关文章

Java实现删除文件中的指定内容

《Java实现删除文件中的指定内容》在日常开发中,经常需要对文本文件进行批量处理,其中,删除文件中指定内容是最常见的需求之一,下面我们就来看看如何使用java实现删除文件中的指定内容吧... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细介绍3.1 Ja

springboot项目中整合高德地图的实践

《springboot项目中整合高德地图的实践》:本文主要介绍springboot项目中整合高德地图的实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一:高德开放平台的使用二:创建数据库(我是用的是mysql)三:Springboot所需的依赖(根据你的需求再

spring中的ImportSelector接口示例详解

《spring中的ImportSelector接口示例详解》Spring的ImportSelector接口用于动态选择配置类,实现条件化和模块化配置,关键方法selectImports根据注解信息返回... 目录一、核心作用二、关键方法三、扩展功能四、使用示例五、工作原理六、应用场景七、自定义实现Impor

SpringBoot3应用中集成和使用Spring Retry的实践记录

《SpringBoot3应用中集成和使用SpringRetry的实践记录》SpringRetry为SpringBoot3提供重试机制,支持注解和编程式两种方式,可配置重试策略与监听器,适用于临时性故... 目录1. 简介2. 环境准备3. 使用方式3.1 注解方式 基础使用自定义重试策略失败恢复机制注意事项

SpringBoot整合Flowable实现工作流的详细流程

《SpringBoot整合Flowable实现工作流的详细流程》Flowable是一个使用Java编写的轻量级业务流程引擎,Flowable流程引擎可用于部署BPMN2.0流程定义,创建这些流程定义的... 目录1、流程引擎介绍2、创建项目3、画流程图4、开发接口4.1 Java 类梳理4.2 查看流程图4

一文详解如何在idea中快速搭建一个Spring Boot项目

《一文详解如何在idea中快速搭建一个SpringBoot项目》IntelliJIDEA作为Java开发者的‌首选IDE‌,深度集成SpringBoot支持,可一键生成项目骨架、智能配置依赖,这篇文... 目录前言1、创建项目名称2、勾选需要的依赖3、在setting中检查maven4、编写数据源5、开启热

Java对异常的认识与异常的处理小结

《Java对异常的认识与异常的处理小结》Java程序在运行时可能出现的错误或非正常情况称为异常,下面给大家介绍Java对异常的认识与异常的处理,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参... 目录一、认识异常与异常类型。二、异常的处理三、总结 一、认识异常与异常类型。(1)简单定义-什么是

SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志

《SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志》在SpringBoot项目中,使用logback-spring.xml配置屏蔽特定路径的日志有两种常用方式,文中的... 目录方案一:基础配置(直接关闭目标路径日志)方案二:结合 Spring Profile 按环境屏蔽关

Java使用HttpClient实现图片下载与本地保存功能

《Java使用HttpClient实现图片下载与本地保存功能》在当今数字化时代,网络资源的获取与处理已成为软件开发中的常见需求,其中,图片作为网络上最常见的资源之一,其下载与保存功能在许多应用场景中都... 目录引言一、Apache HttpClient简介二、技术栈与环境准备三、实现图片下载与保存功能1.

SpringBoot排查和解决JSON解析错误(400 Bad Request)的方法

《SpringBoot排查和解决JSON解析错误(400BadRequest)的方法》在开发SpringBootRESTfulAPI时,客户端与服务端的数据交互通常使用JSON格式,然而,JSON... 目录问题背景1. 问题描述2. 错误分析解决方案1. 手动重新输入jsON2. 使用工具清理JSON3.