网页设计与制作教程Web前端开发（第7版）课件：JavaScript语法基础-数据类型_第1页
网页设计与制作教程Web前端开发（第7版）课件：JavaScript语法基础-数据类型_第2页
网页设计与制作教程Web前端开发（第7版）课件：JavaScript语法基础-数据类型_第3页
网页设计与制作教程Web前端开发（第7版）课件：JavaScript语法基础-数据类型_第4页
网页设计与制作教程Web前端开发（第7版）课件：JavaScript语法基础-数据类型_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

本节介绍JavaScript的数据类型。

JavaScript语法基础

数据类型目录

JavaScript程序设计基础7.1JavaScript概述7.2在HTML文档中使用JavaScript7.3数据类型7.4标识符、变量和常量7.5运算符和表达式7.6流程控制7.7函数7.8正则表达式习题77.3数据类型7.3.1数据类型的分类1.基本数据类型基本数据类型也称值类型、简单数据类型、原始类型，JavaScript有5种基本数据类型，即字符串（string）、数值（number）、布尔（boolean）、空（null）、未定义（undefined）、symbol（ES6引入了一种新的基本数据类型，表示独一无二的值）。2.引用数据类型引用数据类型包括：对象（objcct）、数组（array）、函数（function）。7.3数据类型7.3.2基本数据类型1.string类型string（字符串）类型由0个或多个字符组成的一串序列，被双引号（"）或者单引号（'）括起来。字符串中每个字符都有特定的位置，首字符的位置是0，第二个字符的位置是1，以此类推。7.3数据类型2.number类型number（数值）类型都用64位浮点格式表示，无论什么样的数值类型，统一用number表示。例如：32，23.16对于较大或较小的数值可用科学（指数）计数法表示。例如：132e5表示13200000，132e-5表示0.00132。7.3数据类型默认情况下，数值用十进制显示。toString()方法的语法格式为：number.toString(radix)参数radix可选，表示数字的基数，是2~36之间的整数。若省略该参数，则使用基数10。NaN（NotaNumber）是代表非数值的特殊值，用于指示某个值不是数值。使用isNaN()全局函数来判断一个值是否是NaN值。7.3数据类型【例7-4】string、number类型示例，本例文件7-4.html在浏览器中显示的效果，如图7-7所示。7.3数据类型<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>string、number类型</title>

<scripttype="text/javascript">varmyString="Hello\"World\"!<br>";//转义document.write(myString);//Hello"World"!varmyNumber=128;//128十进制document.write(myNumber+'十进制<br>');//128十进制document.write(myNumber.toString(16)+'十六进制<br>');//80十六进制document.write(myNumber.toString(8)+'八进制<br>');//200八进制document.write(myNumber.toString(2)+'二进制<br>');//10000000二进制varx=100/"Abc";vary=100/"10";

document.write(x,'',y,'<br>');//NaN10document.write(isNaN(x)+"<br>"+isNaN(y));

</script></head><body></body></html>7.3数据类型3.boolean类型boolean（布尔、逻辑）类型只能有两个值true或false。也可以用0表示false，非0表示true。布尔常用在条件测试中。例如:varbFlag=true;ifbFlagfFlag=false;7.3数据类型4.undefined类型undefined的意思是未定义的，undefined类型只有一个值，即undefined。以下几种情况下会返回undefined。在引用一个定义过但没有赋值的变量时，返回undefined。在引用一个不存在的数组元素时，返回undefined。在引用一个不存在的对象属性时，返回undefined。7.3数据类型5.null类型null的意思是空，表示没有任何值，null类型只有一个值null。可以通过将变量的值赋值为null来清空变量。7.3数据类型7.3.3数据类型的判断1.typeof操作符语法格式为：typeof值或变量或表达式它有一个参数，即要检查的值或者变量。对变量或者值调用typeof运算符将返回undefined（undefined类型）、boolean（boolean类型）、number（number类型）、string（string类型）、object（引用类型或者null类型）、function（函数类型）和symbol（symbol类型）。7.3数据类型【例7-5】下面语句。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>typeof操作符</title><scripttype="text/javascript">document.write(typeof"HelloWorld!"+"<br>");//stringdocument.write(typeof3+"<br>");//numberdocument.write(typeoffalse+"<br>");//booleandocument.write(typeofvarX+"<br>");//undefineddocument.write(typeof[1,2,3]+"<br>");//objectdocument.write(typeof{name:'Tom',age:18}+"<br>");//objectdocument.write(typeofnull+"<br>");//object</script></head><body></body></html>7.3数据类型2.instanceof操作符instanceof操作符用于判断一个引用类型（值类型不能用）属于哪种类型。语法格式为：

引用类型的值或变量instanceof引用类型的名称7.3数据类型例如，下面语句判断a是否为数组类型的变量，输出“a是一个数组类型”。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>instanceof操作符</title>

<scripttype="text/javascript">vara=newArray();if(ainstanceofArray){document.write("a是一个数组类型");}else{document.write("a不是一个数组类型");}</script></head><body></body></html>7.3数据类型7.3.4数据类型的转换1.将数值类型转换为字符串类型1）全局方法String()可以将数值类型转换为字符串类型。语法格式为：String(表达式)该方法可用于任何类型的数值、字符串、变量、表达式。7.3数据类型【例7-7】String()方法示例，本例文件7-7.html在浏览器中显示如图7-10所示。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>String()示例</title>

<scripttype="text/javascript">varx=123;vars=String(x)+"<br>"+

String(123)+"<br>"+

String(100+200*3)+"<br>"+

String("Hello"+'World!')+"<br>";document.write(s);//123123700HelloWorld!document.write(typeofs);//string</script></head><body></body></html>7.3数据类型2）数值表达式的方法toString()也有同样的效果。数值表达式的方法toString()的语法格式：

表达式.toString()在number方法中，还有多个数字转换为字符串的方法。7.3数据类型【例7-8】toString()方法示例，本例文件7-8.html在浏览器中显示如图7-11所示。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>toString()方法</title>

<scripttype="text/javascript">varx=123;vars=x.toString()+"<br>"+

(123).toString()+"<br>"+

(100+200*3).toString()+"<br>"+("Hello"+'World!').toString()+"<br>";document.write(s);//123123700HelloWorld!document.write(typeofs);//string</script></head><body></body></html>7.3数据类型2.将布尔值转换为字符串全局方法String()，boolean方法toString()都可以将布尔值转换为字符串。例如：String(true)//返回"true"false.toString()//返回"false"

<scripttype="text/javascript">

document.write(String(true));//返回"true"

document.write(false.toString());//返回"false"</script>7.3数据类型3.将字符串转换为数字全局方法Number()可以将字符串转换为数字。语法格式为：Number(字符串)字符串如果是数字则转换为数字类型，空字符串转换为0，其他的字符串转换为NaN。例如：Number("12.35")//返回12.35Number("")//返回0Number("")//返回0Number("1020")//返回NaNNumber("12.35a")//返回NaN在Number方法中，还有其他字符串转为数字的方法。

<scripttype="text/javascript">

document.write(Number("12.35"));

document.write(Number(""));

document.write(Number("1020"));

document.write(Number("12.35a"));</script>7.3数据类型4.一元运算符+运算符+可用于将变量转换为数字类型。例如：varx="3";//x是一个字符串vary=+x;//y是一个数字类型如果变量不能转换，它仍然会是一个数字类型，但值为NaN（不是一个数字），例如：varx="abc";//x是一个字符串vary=+x;//y是一个数字类型（NaN）7.3数据类型5.将布尔值转换为数字类型全局方法Number()可将布尔值转换为数字类型。Number(false)//返回0Number(true)//返回17.3数据类型6.自动转换类型当JavaScript尝试操作一个“错误”的数据类型时，会自动转换为“正确”的数据类型，输出的结果可能不是所期望的。例如：3+null//返回3，null转换为0"3"+null//返回"3null"，null转换为"null""3"+1//返回"31"，1转换为"1""3"-1//返回2，"3"转换为3代码：document.write("<br>");document.write(3+null);document.write("<br>");document.write("3"+null);document.write("<br>");document.write("3"+1);document.write("<br>");document.write("3"-1);

<scripttype="text/javascript">document.write("<br>"

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论