JS-数据类型 傷城~ 2024-03-17 18:55 107阅读 0赞 #### 文章目录 #### * * 1.数据类型简介 * * 1.1 为什么需要数据类型 * 1.2 变量的数据类型 * 1.3 数据类型的分类 * 2.简单数据类型 * * 2.1 简单数据类型(基本数据类型) * 2.2 数字型 Number * * 2.2.1 数字型进制 * 2.2.2 数字型范围 * 2.2.3 数字型三个特殊值 * 2.2.4 isNaN() * 2.3 字符串型 String * * 2.3.1 字符串引号嵌套 * 2.3.2 字符串转义符 * 2.3.3 字符串长度 * 2.3.4 字符串拼接 * 2.3.5 字符串拼接加强 * 2.4 布尔型 Boolean * 2.5 Undefined 和 Null * 3.获取变量数据类型 * * 3.1 获取检测变量的数据类型 * 3.2 字面量 * 4.数据类型转换 * * 4.1 什么是数据类型转换 * 4.2 转换为字符串 * 4.3 转换为数字型 * 4.4 转换为布尔型 ### 1.数据类型简介 ### #### 1.1 为什么需要数据类型 #### 在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利 用存储空间,于是定义了不同的数据类型。 简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样的。 #### 1.2 变量的数据类型 #### 变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的 内存中。\*\*JavaScript 是一种弱类型或者说动态语言。\*\*这意味着不用提前声明变量的类型,在程序运行过程中,类型会 被自动确定。 var age = 10; // 这是一个数字型 var areYouOk = '是的'; // 这是一个字符串 在代码运行时,变量的数据类型是由 JS引擎 **根据 = 右边变量值的数据类型来判断**的,运行完毕之后,变量就确定了数据类型。 **JavaScript 拥有动态类型,同时也意味着相同的变量可用作不同的类型:** var x = 6; // x 为数字 var x = "Bill"; // x 为字符串 #### 1.3 数据类型的分类 #### JS 把数据类型分为两类: * 简单数据类型 (Number,String,Boolean,Undefined,Null) * 复杂数据类型 (object) ### 2.简单数据类型 ### #### 2.1 简单数据类型(基本数据类型) #### JavaScript 中的简单数据类型及其说明如下: ![在这里插入图片描述][38d9e302f0ed4afb8bb4485175cbc5d1.png_pic_center] #### 2.2 数字型 Number #### JavaScript 数字类型既可以用来保存整数值,也可以保存小数(浮点数)。 var age = 21; // 整数 var Age = 21.3747; // 小数 ##### 2.2.1 数字型进制 ##### 最常见的进制有二进制、八进制、十进制、十六进制。 // 1.八进制数字序列范围:0~7 var num1 = 07; // 对应十进制的7 var num2 = 019; // 对应十进制的19 var num3 = 08; // 对应十进制的8 // 2.十六进制数字序列范围:0~9以及A~F var num = 0xA; **在JS中八进制前面加0,十六进制前面加 0x** ##### 2.2.2 数字型范围 ##### JavaScript中数值的最大和最小值 alert(Number.MAX_VALUE); // 1.7976931348623157e+308 alert(Number.MIN_VALUE); // 5e-324 * 最大值:Number.MAX\_VALUE,这个值为: 1.7976931348623157e+308 * 最小值:Number.MIN\_VALUE,这个值为:5e-32 ##### 2.2.3 数字型三个特殊值 ##### alert(Infinity); // Infinity alert(-Infinity); // -Infinity alert(NaN); // NaN * Infinity ,代表无穷大,大于任何数值 * \-Infinity ,代表无穷小,小于任何数值 * NaN ,Not a number,代表一个非数值 ##### 2.2.4 isNaN() ##### 用来判断一个变量是否为非数字的类型,不是数字返回 true 否则返回 false var usrAge = 21; var isOk = isNaN(userAge); console.log(isNum); // false ,21 不是一个非数字 var usrName = "andy"; console.log(isNaN(userName)); // true ,"andy"是一个非数字 #### 2.3 字符串型 String #### 字符串型可以是引号中的任意文本,其语法为 双引号 “” 和 单引号’’ var strMsg = "123456"; // 使用双引号表示字符串 var strMsg2 = '123'; // 使用单引号表示字符串 // 常见错误 var strMsg3 = 我是帅哥; // 报错,没使用引号,会被认为是js代码,但js没有这些语法 因为 HTML 标签里面的属性使用的是双引号\*\*,JS 这里我们更推荐使用单引号\*\*。 ##### 2.3.1 字符串引号嵌套 ##### JS 可以用单引号嵌套双引号 ,或者用双引号嵌套单引号 (外双内单,外单内双) var strMsg = '我是"高帅富"程序猿'; // 可以用''包含"" var strMsg2 = "我是'高帅富'程序猿"; // 也可以用"" 包含'' // 常见错误 var badQuotes = 'What on earth?"; // 报错,不能 单双引号搭配 ##### 2.3.2 字符串转义符 ##### 类似HTML里面的特殊字符,字符串中也有特殊字符,我们称之为转义符。 转义符都是 \\ 开头的,常用的转义符及其说明如下: ![在这里插入图片描述][fd8215f52e434627a13ec2a1d4a21c21.png_pic_center] ##### 2.3.3 字符串长度 ##### 字符串是由若干字符组成的,这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。 var strMsg = "我是帅气多金的程序猿!"; alert(strMsg.length); // 显示 11 ##### 2.3.4 字符串拼接 ##### * 多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串 * 拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串 //1.1 字符串 "相加" alert('hello' + ' ' + 'world'); // hello world //1.2 数值字符串 "相加" alert('100' + '100'); // 100100 //1.3 数值字符串 + 数值 alert('11' + 12); // 1112 **+ 号总结口诀:数值相加 ,字符相连** ##### 2.3.5 字符串拼接加强 ##### console.log('我' + 18); // 只要有字符就会相连 var age = 18; // console.log('我age岁啦'); // 这样不行哦 console.log('我' + age); // 我18 console.log('我' + age + '岁啦'); // 我18岁啦 * 我们经常会将字符串和变量来拼接,因为变量可以很方便地修改里面的值 * 变量是不能添加引号的,因为加引号的变量会变成字符串 * 如果变量两侧都有字符串拼接,变量写加中间 #### 2.4 布尔型 Boolean #### 布尔类型有两个值:true 和 false ,其中 true 表示真(对),而 false 表示假(错)。 布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0。 console.log(true + 1); // 2 console.log(false + 1); // 1 #### 2.5 Undefined 和 Null #### 一个声明后没有被赋值的变量会有一个默认值 undefined ( 如果进行相连或者相加时,注意结果) var variable; console.log(variable); // undefined console.log('你好' + variable); // 你好undefined console.log(11 + variable); // NaN console.log(true + variable); // NaN 一个声明变量给 null 值,里面存的值为空 var vari = null; console.log('你好' + vari); // 你好null console.log(11 + vari); // 11 console.log(true + vari); // 1 ### 3.获取变量数据类型 ### #### 3.1 获取检测变量的数据类型 #### typeof 可用来获取检测变量的数据类型 var num = 18; console.log(typeof num) // 结果 number 不同类型的返回值 ![在这里插入图片描述][661d0d953c6d47fe9d736a01ad344f21.png_pic_center] #### 3.2 字面量 #### 字面量是在源代码中一个固定值的表示法,通俗来说,就是字面量表示如何表达这个值。 * 数字字面量:8, 9, 10 * 字符串字面量:‘帅哥’, “大前端” * 布尔字面量:true,false ### 4.数据类型转换 ### #### 4.1 什么是数据类型转换 #### 使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变 量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。 我们通常会实现3种方式的转换: * 转换为字符串类型 * 转换为数字型 * 转换为布尔型 #### 4.2 转换为字符串 #### ![在这里插入图片描述][fa512b70a67446c4ab0bd7a7033bdf3e.png_pic_center] * toString() 和 String() 使用方式不一样。 * 三种转换方式,我们更喜欢用第三种加号拼接字符串转换方式, 这一种方式也称之为隐式转换。 #### 4.3 转换为数字型 #### ![在这里插入图片描述][b3158d1e490e47929e82f4d0a2373736.png_pic_center] * 注意 parseInt 和 parseFloat 单词的大小写,这2个是重点 * 隐式转换是我们在进行算数运算的时候,JS 自动转换了数据类型 #### 4.4 转换为布尔型 #### ![在这里插入图片描述][f1e3b134db334318ac84daae5b08586b.png_pic_center] * 代表空、否定的值会被转换为 false ,如 ‘’、0、NaN、null、undefined * 其余值都会被转换为 true console.log(Boolean('')); // false console.log(Boolean(0)); // false console.log(Boolean(NaN)); // false console.log(Boolean(null)); // false console.log(Boolean(undefined)); // false console.log(Boolean('小白')); // true console.log(Boolean(12)); // true [38d9e302f0ed4afb8bb4485175cbc5d1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/f0b7423544234e699eaf92885adc2b53.png [fd8215f52e434627a13ec2a1d4a21c21.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/0dedbd8a30904a54a935502945b544d5.png [661d0d953c6d47fe9d736a01ad344f21.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/356f136b78df4c719bf5ac6d9cefa4e8.png [fa512b70a67446c4ab0bd7a7033bdf3e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/b6ea034a63a7481abd66b8495500e5af.png [b3158d1e490e47929e82f4d0a2373736.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/48fb8cb6ac984160a5aae6a66e0d5c44.png [f1e3b134db334318ac84daae5b08586b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/c7bb324fc361472388600332aa8103ee.png
相关 js数据类型 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> ﹏ヽ暗。殇╰゛Y/ 2023年10月02日 12:22/ 0 赞/ 15 阅读
相关 js数据类型 js数据类型分为 基本数据类型 和 引用数据类型 基本数据类型 String (字符串类型) Number (数字类型) Boolen (布尔类型) 淩亂°似流年/ 2023年08月17日 16:25/ 0 赞/ 105 阅读
相关 JS数据类型 typeof 鉴于ECMAScript是松散类型的,因此需要有一种手段来检测给定变量的数据类型——typeof就是负责提供者方面信息的操作符。对一个值使用typeof操作符 青旅半醒/ 2023年06月09日 13:22/ 0 赞/ 14 阅读
相关 js数据类型 js数据类型 js中的数据类型:值类型,引用类型 值类型: undefined 未定义 String 字符串 Number 数 你的名字/ 2022年12月01日 14:20/ 0 赞/ 181 阅读
相关 js数据类型 > javascript数据类型 在 JavaScript 中有 5 种不同的数据类型: string number boolean objec ゝ一世哀愁。/ 2022年06月02日 08:28/ 0 赞/ 256 阅读
相关 js_数据类型 1. 数据类型: Js中定义变量统一使用var。 变量的命名规则:首字母必须以字母、下划线、美元符号开头。 它会自动对数据类型进行转换。 我们可以使用typeof来查看 古城微笑少年丶/ 2022年05月25日 05:25/ 0 赞/ 245 阅读
相关 js数据类型 六种基本数据类型和三种引用数据类型: 值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefin 男娘i/ 2021年12月24日 07:03/ 0 赞/ 360 阅读
相关 js数据类型 目录 一、数据类型 二.数据类型的分类 1.基本数据类型 2.引用数据类型 3.数据类型的判断 三、数据类型的操 布满荆棘的人生/ 2021年09月07日 06:02/ 0 赞/ 454 阅读
相关 js 数据类型 1.7种数据类型 原始类型:Boolean Null Undefined Number String Symbol 对象:Object 2.显式类型转换 爱被打了一巴掌/ 2021年08月29日 23:51/ 0 赞/ 402 阅读
还没有评论,来说两句吧...