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

相关文章

SpringBoot中六种批量更新Mysql的方式效率对比分析

《SpringBoot中六种批量更新Mysql的方式效率对比分析》文章比较了MySQL大数据量批量更新的多种方法,指出REPLACEINTO和ONDUPLICATEKEY效率最高但存在数据风险,MyB... 目录效率比较测试结构数据库初始化测试数据批量修改方案第一种 for第二种 case when第三种

Java docx4j高效处理Word文档的实战指南

《Javadocx4j高效处理Word文档的实战指南》对于需要在Java应用程序中生成、修改或处理Word文档的开发者来说,docx4j是一个强大而专业的选择,下面我们就来看看docx4j的具体使用... 目录引言一、环境准备与基础配置1.1 Maven依赖配置1.2 初始化测试类二、增强版文档操作示例2.

一文详解如何使用Java获取PDF页面信息

《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸(宽高)四、获取页面旋转角度五、判断

Spring Boot中的路径变量示例详解

《SpringBoot中的路径变量示例详解》SpringBoot中PathVariable通过@PathVariable注解实现URL参数与方法参数绑定,支持多参数接收、类型转换、可选参数、默认值及... 目录一. 基本用法与参数映射1.路径定义2.参数绑定&nhttp://www.chinasem.cnbs

JAVA中安装多个JDK的方法

《JAVA中安装多个JDK的方法》文章介绍了在Windows系统上安装多个JDK版本的方法,包括下载、安装路径修改、环境变量配置(JAVA_HOME和Path),并说明如何通过调整JAVA_HOME在... 首先去oracle官网下载好两个版本不同的jdk(需要登录Oracle账号,没有可以免费注册)下载完

Spring StateMachine实现状态机使用示例详解

《SpringStateMachine实现状态机使用示例详解》本文介绍SpringStateMachine实现状态机的步骤,包括依赖导入、枚举定义、状态转移规则配置、上下文管理及服务调用示例,重点解... 目录什么是状态机使用示例什么是状态机状态机是计算机科学中的​​核心建模工具​​,用于描述对象在其生命

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

Java中Integer128陷阱

《Java中Integer128陷阱》本文主要介绍了Java中Integer与int的区别及装箱拆箱机制,重点指出-128至127范围内的Integer值会复用缓存对象,导致==比较结果为true,下... 目录一、Integer和int的联系1.1 Integer和int的区别1.2 Integer和in

SpringSecurity整合redission序列化问题小结(最新整理)

《SpringSecurity整合redission序列化问题小结(最新整理)》文章详解SpringSecurity整合Redisson时的序列化问题,指出需排除官方Jackson依赖,通过自定义反序... 目录1. 前言2. Redission配置2.1 RedissonProperties2.2 Red

IntelliJ IDEA2025创建SpringBoot项目的实现步骤

《IntelliJIDEA2025创建SpringBoot项目的实现步骤》本文主要介绍了IntelliJIDEA2025创建SpringBoot项目的实现步骤,文中通过示例代码介绍的非常详细,对大家... 目录一、创建 Spring Boot 项目1. 新建项目2. 基础配置3. 选择依赖4. 生成项目5.