文章目录
数据类型
数字类型
数字操作
比如,乘法 * 、除法 / 、加法 + 、减法 - 等等,所以经常和算术运算符一起。
- +:求和
- -:求差
- *:求积
- /:求商
- %:取模(取余数)
- 开发中经常作为某个数字是否被整除
NaN
NaN表示 not a number,中文解释是“非数字的特殊值”,它的数据类型是 number。
NaN 是粘性的。任何对 NaN 的操作都会返回 NaN
console.log('你好' - NaN)
console.log(NaN - '你好')
JavaScript算术运算符的执行顺序
JavaScript中 优先级越高越先被执行,优先级相同时以书从左向右执行。
总结一句话,先乘除后加减,有括号先算括号里面的。
字符串类型(string)
- 通过单引号( ‘’) 、双引号( “”)或反引号( ` ) 包裹的数据都叫字符串,单引号和双引号没有本质上的区别,推荐使用单引号。
- 注意事项:
- 无论单引号或是双引号必须成对使用
- 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)
- 必要时可以使用转义符 \,输出单引号或双引号
字符串拼接
场景: + 运算符 可以实现字符串的拼接。
口诀:数字相加,字符相连
模板字符串
模板字符串
- 使用场景
- 拼接字符串和变量(在没有它之前,要拼接变量比较麻烦)
- 语法
- `` (反引号) 在英文输入模式下按键盘的tab键上方那个键(1左边那个键)内容拼接变量时,用 ${ } 包住变量
<body>
<script>
let a = '李白', b = 1
document.write(`你好,${a}`)
document.write('<br></br>')
document.write(`你好,${a + b}`)
</script>
</body>
未定义类型(undefined)
- 什么情况出现未定义类型?
- 只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。
- 工作中的使用场景:
- 开发中经常声明一个变量,等待传送过来的数据。如果我们不知道这个数据是否传递过来,此时我们可以通过检测这个变量是不是undefined,就判断用户是否有数据传递过来
布尔类型(boolean)
它有两个固定的值 true 和 false,表示肯定的数据用 true(真),表示否定的数据用 false(假)
null(空类型)
- JavaScript 中的 null 仅仅是一个代表“无”、“空”或“值未知”的特殊值
*null 和 undefined 区别:
* undefined 表示没有赋值
* null 表示赋值了,但是内容为空- null 开发中的使用场景:
官方解释:把 null 作为尚未创建的对象
大白话: 将来有个变量里面存放的是一个对象,但是对象还没创建好,可以先给个null
- null 开发中的使用场景:
类型转换
显式转换
依靠系统内部的隐式转换是不严谨的,因为隐式转换规律并不清晰,多是靠经验总结的规律。
为了避免因隐式转换带来的问题,通常根逻辑需要对数据进行显式转换。
- 转换为Number(数据)
- 如果字符串内容里有非数字,转换失败时结果为 NaN(Not a Number)即不是一个数字
- NaN也是number类型的数据,代表非数字
- 如果字符串内容里有非数字,转换失败时结果为 NaN(Not a Number)即不是一个数字
let str = '123'
console.log(Number(str))
console.log(Number('吉良吉影'))
* parseInt(数据) 只保留整数
* parseFloat(数据) 可以保留小数
console.log(parseInt('12ab'))
console.log(parseInt('ab12'))
console.log(parseInt('12px'))
console.log(parseInt('12.123px'))
console.log(parseFloat('12.123ab'))
console.log(parseFloat('ab12.123'))
- 转换为string型
- String(数据)
- 变量.toString(进制)
*在 JavaScript 中,你可以使用.toString(进制)
方法将一个变量转换为指定进制的字符串表示形式。这个方法接受一个参数,即要转换成的进制数,通常是 2、8、10 或 16。
例如,如果你有一个整数变量num
,你可以使用num.toString(2)
将其转换为二进制字符串,num.toString(8)
将其转换为八进制字符串,num.toString(16)
将其转换为十六进制字符串。
这个方法通常用于数值的进制转换,例如将数字以不同进制的形式进行显示或处理。
<script>
let sum = 55
console.log(typeof String(sum))
console.log(sum.toString(2))
</script>
隐式转换
某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐式转换
- 规则:
- +号两边只要有一个是字符串,都会把另外一个转成字符串
- 但是单用的时候就是作为转换符,可以把字符串转换为数字
<script>
console.log(typeof +"1")
console.log(typeof -"1")
</script>
- 除了+以外的算术运算符 比如-*/等都会把数据转成数字类型
console.log(2 - "1")
console.log(2 + "1")
console.log("1" - 2)
- 缺点:
- 转换类型不明确,靠经验才能总结
- 小技巧:
- +号作为正号解析可以转换成数字型
console.log(+"1")//1
* 任何数据和字符串相加结果都是字符串