基本数据类型介绍,可以说, js与数据类型息息相关
一.数据类型介绍
1.为什么需要有数据类型?
每一种编程语言都有自己的语法规则,在处理数据的时候,也会有自己的规则,不是任何数据都可以处理的。
2.什么是数据类型?
js编译器在解析代码的时候,会产生各 种不同的数据。 而不同的数据'运算'与'存储'方式都不同, 计算机需要对这些数据进行分类,称之为数据类型。
console.log( '123' )//打印 黑色 123
console.log( 123 )//打印 蓝色 123
console.log( 'true' )//打印 黑色 true
console.log( true )//打印 蓝色 true
console.log( '前端' )//打印 前端
console.log( 前端技术 )//程序报错 Uncaught ReferenceError: 前端技术 is not defined
二. 五种基本数据类型
接下来详细介绍
1. string类型 : 字符串 一切以单引号''双引号"" 反引号``包起来的内容
//作用 : 用于展示文本
console.log('程序员')
console.log("大前端")
console.log(`技术更新迭代`)
console.log('我"爱"前端')//嵌套字符串
//2. number类型 : 数值,一切数学中的数字。
//作用 : 用于数学计算
console.log(123) //整数,默认正整数
console.log(-123) //负数
console.log(9.9) //小数
console.log(Infinity) //特殊数值,无穷大
//3. boolean类型 : 布尔 只有两个值 : true(真) false(假)
//作用 : 用于条件判断 true:条件成立 false:条件不成立
console.log(true)
console.log(false)
//4. undefined : 未定义 只有一个值 undefined
console.log( undefined )
//5. null : 空值 只有一个值 null
console.log( null )
字符串类型注意事项:
- 无论单引号或是双引号必须成对使用
- 单引号/双引号可以互相嵌套,但是不可以自已嵌套自已(口诀:外双内单,或者外单内双)
- 必要时可以使用转义符 \,输出单引号或双引号
未定义是比较特殊的类型,只有一个值 undefined
null 和 undefined 区别: undefined 表示没有赋值 ; null 表示赋值了,但是内容为空
三. typeof检测数据类型
(1) typeof 数据 (2) typeof (数据)
//语法结果:得到一个字符串来告诉你这个数据是什么类型。
console.log( typeof 123 )//'number'
console.log( typeof '123' )//'string'
console.log( typeof true )//'boolean'
console.log( typeof undefined )//'undefined'
console.log( typeof null )//'object'
```
拓展部分
- //typeof返回值
- console.log(1,typeof(123)) //数字
- console.log(2,typeof("字符串")) //字符串
- console.log(3,typeof(false)) //布尔
- console.log(4,typeof(null)) //null
- console.log(5,typeof('null')) //字符串
- console.log(6,typeof(undefined)) //undefined
- console.log(7,typeof([1,'12','string'])) //数组对象
- console.log(8,typeof([])) //数组对象
- console.log(9,typeof({'id':123,'name':'张三'})) //对象
- console.log(10,typeof({})) //空对象
- console.log(11,typeof(function(){return 1})) //函数
- console.log(12,typeof(new Date)) //日期对象
- console.log(13,typeof(Array)) //数组构造函数
- console.log(14,typeof(new Array)) //数组对象 ```
需要注意的地方:
1.typeof(null)返回 ‘object’ ;
2.typeof(Array)、typeof(Date)均返回 ‘function’ ,我感觉可能是返回的对应构造函数的类型
3.typeof(undefined)返回 ‘undefined’ ,undefined也是个类型,这个类型就这一个值
4.typeof的返回值是字符串类型,使用到此函数返回值时要注意。