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实现字节字符转bcd编码

《Java实现字节字符转bcd编码》BCD是一种将十进制数字编码为二进制的表示方式,常用于数字显示和存储,本文将介绍如何在Java中实现字节字符转BCD码的过程,需要的小伙伴可以了解下... 目录前言BCD码是什么Java实现字节转bcd编码方法补充总结前言BCD码(Binary-Coded Decima

SpringBoot全局域名替换的实现

《SpringBoot全局域名替换的实现》本文主要介绍了SpringBoot全局域名替换的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录 项目结构⚙️ 配置文件application.yml️ 配置类AppProperties.Ja

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

JavaScript中的高级调试方法全攻略指南

《JavaScript中的高级调试方法全攻略指南》什么是高级JavaScript调试技巧,它比console.log有何优势,如何使用断点调试定位问题,通过本文,我们将深入解答这些问题,带您从理论到实... 目录观点与案例结合观点1观点2观点3观点4观点5高级调试技巧详解实战案例断点调试:定位变量错误性能分

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Java使用jar命令配置服务器端口的完整指南

《Java使用jar命令配置服务器端口的完整指南》本文将详细介绍如何使用java-jar命令启动应用,并重点讲解如何配置服务器端口,同时提供一个实用的Web工具来简化这一过程,希望对大家有所帮助... 目录1. Java Jar文件简介1.1 什么是Jar文件1.2 创建可执行Jar文件2. 使用java

SpringBoot实现不同接口指定上传文件大小的具体步骤

《SpringBoot实现不同接口指定上传文件大小的具体步骤》:本文主要介绍在SpringBoot中通过自定义注解、AOP拦截和配置文件实现不同接口上传文件大小限制的方法,强调需设置全局阈值远大于... 目录一  springboot实现不同接口指定文件大小1.1 思路说明1.2 工程启动说明二 具体实施2

Java实现在Word文档中添加文本水印和图片水印的操作指南

《Java实现在Word文档中添加文本水印和图片水印的操作指南》在当今数字时代,文档的自动化处理与安全防护变得尤为重要,无论是为了保护版权、推广品牌,还是为了在文档中加入特定的标识,为Word文档添加... 目录引言Spire.Doc for Java:高效Word文档处理的利器代码实战:使用Java为Wo

SpringBoot日志级别与日志分组详解

《SpringBoot日志级别与日志分组详解》文章介绍了日志级别(ALL至OFF)及其作用,说明SpringBoot默认日志级别为INFO,可通过application.properties调整全局或... 目录日志级别1、级别内容2、调整日志级别调整默认日志级别调整指定类的日志级别项目开发过程中,利用日志

Java中的抽象类与abstract 关键字使用详解

《Java中的抽象类与abstract关键字使用详解》:本文主要介绍Java中的抽象类与abstract关键字使用详解,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、抽象类的概念二、使用 abstract2.1 修饰类 => 抽象类2.2 修饰方法 => 抽象方法,没有