乐清官方网站,建筑公司企业号,手表之家官网,镇江网站建设介绍服务目录
一、数据类型
1.1 数值类型
1.2 字符串类型
1.3 布尔类型
1.4 undefined
二、类型转换
2.1 隐式转换
2.2 显式转换
2.3 Number 一、数据类型
计算机程序可以处理大量的数据#xff0c;为了方便数据的管理#xff0c;将数据分成了不同的类型#xff1a;
注为了方便数据的管理将数据分成了不同的类型
注通过 typeof 关键字检测数据类型
!DOCTYPE html
html langen
headmeta charsetUTF-8titleJavaScript 基础 - 数据类型/title
/head
bodyscript // 检测 1 是什么类型数据结果为 numberdocument.write(typeof 1)/script
/body
/html
1.1 数值类型
即我们数学中学习到的数字可以是整数、小数、正数、负数
!DOCTYPE html
html langen
headmeta charsetUTF-8titleJavaScript 基础 - 数据类型/title
/head
bodyscript let score 100 // 正整数let price 12.345 // 小数let temperature -40 // 负数document.write(typeof score) // 结果为 numberdocument.write(typeof price) // 结果为 numberdocument.write(typeof temperature) // 结果为 number/script
/body
/html
JavaScript 中的数值类型与数学中的数字是一样的分为正数、负数、小数等。
1.2 字符串类型
通过单引号 、双引号 或反引号包裹的数据都叫字符串单引号和双引号没有本质上的区别推荐使用单引号。
注意事项 无论单引号或是双引号必须成对使用 单引号/双引号可以互相嵌套但是不以自已嵌套自已 必要时可以使用转义符 \输出单引号或双引号
!DOCTYPE html
html langen
headmeta charsetUTF-8titleJavaScript 基础 - 数据类型/title
/head
bodyscript let user_name 小明 // 使用单引号let gender 男 // 使用双引号let str 123 // 看上去是数字但是用引号包裹了就成了字符串了let str1 // 这种情况叫空字符串documeent.write(typeof user_name) // 结果为 stringdocumeent.write(typeof gender) // 结果为 stringdocumeent.write(typeof str) // 结果为 string/script
/body
/html
1.3 布尔类型
表示肯定或否定时在计算机中对应的是布尔类型数据它有两个固定的值 true 和 false表示肯定的数据用 true表示否定的数据用 false。
!DOCTYPE html
html langen
headmeta charsetUTF-8titleJavaScript 基础 - 数据类型/title
/head
bodyscript // 小张帅不帅回答 是 或 否let isCool true // 帅的帅的一匹isCool false // 不是酷的document.write(typeof isCool) // 结果为 boolean/script
/body
/html
1.4 undefined
未定义是比较特殊的类型只有一个值 undefined只声明变量不赋值的情况下变量的默认值为 undefined一般很少【直接】为某个变量赋值为 undefined。
!DOCTYPE html
html langen
headmeta charsetUTF-8titleJavaScript 基础 - 数据类型/title
/head
bodyscript // 只声明了变量并末赋值let tmp;document.write(typeof tmp) // 结果为 undefined/script
/body
/html
注JavaScript 中变量的值决定了变量的数据类型。
二、类型转换
在 JavaScript 中数据被分成了不同的类型如数值、字符串、布尔值、undefined在实际编程的过程中不同数据类型之间存在着转换的关系。
2.1 隐式转换
某些运算符被执行时系统内部自动将数据类型进行转换这种转换称为隐式转换。
!DOCTYPE html
html langen
headmeta charsetUTF-8titleJavaScript 基础 - 隐式转换/title
/head
bodyscript let num 13 // 数值let num2 2 // 字符串// 结果为 132// 原因是将数值 num 转换成了字符串相当于 13// 然后 将两个字符串拼接到了一起console.log(num num2)// 结果为 11// 原因是将字符串 num2 转换成了数值相当于 2// 然后数值 13 减去 数值 2console.log(num - num2)let a prompt(请输入一个数字)let b prompt(请再输入一个数字)alert(a b);/script
/body
/html
注数据类型的隐式转换是 JavaScript 的特征后续学习中还会遇到目前先需要理解什么是隐式转换。
补充介绍模板字符串的拼接的使用
2.2 显式转换
编写程序时过度依靠系统内部的隐式转换是不严禁的因为隐式转换规律并不清晰大多是靠经验总结的规律。为了避免因隐式转换带来的问题通常根逻辑需要对数据进行显示转换。
2.3 Number
通过 Number 显示转换成数值类型当转换失败时结果为 NaNNot a Number即不是一个数字。
!DOCTYPE html
html langen
headmeta charsetUTF-8titleJavaScript 基础 - 隐式转换/title
/head
bodyscriptlet t 12let f 8// 显式将字符串 12 转换成数值 12t Number(t)// 检测转换后的类型// console.log(typeof t);console.log(t f) // 结果为 20// 并不是所有的值都可以被转成数值类型let str hello// 将 hello 转成数值是不现实的当无法转换成// 数值时得到的结果为 NaN Not a Numberconsole.log(Number(str))/script
/body
/html
