iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >javascript基础之数据类型详解
  • 769
分享到

javascript基础之数据类型详解

2024-04-02 19:04:59 769人浏览 安东尼
摘要

目录1.数据类型1.1 为什么需要数据类型1.2 变量的数据类型1.3 数据类型分类2. 简单数据类型(基本数据类型)2.1 数字型Number1. 数字型进制2.数字型范围2.2

1.数据类型

1.1 为什么需要数据类型

在计算机,不同的数据所占的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。

1.2 变量的数据类型

javascript是一种弱类型或者说动态语言,这意味着不用提前声明变量的数据类型,在程序运行的过程中,类型会被自动确定。(js的变量类型是只有在程序在运行过程中,根据等号右边的值的数据类型来确定的)


var age = 10; //这是一个数字型
var myName = 'lili'; //这是一个字符串类型数据

1.3 数据类型分类

JS把数据类型分为两类:

简单数据类型(Number,String,Boolean,Undefined,Null)复杂数据类型(object)

2. 简单数据类型(基本数据类型)

JavaScript中的简单数据类型及其说明如下:

简单数据类型 说明 默认值
Number 数字型,包含数值型和浮点型,如 20, 0.12 0
Boolean 布尔型,如true、false等价于1和0 false
String 字符串类型,字符串带引号 " "
Undefined var a;声明了变量a但是没有给值,此时a=undefined undefined
Null var a = null;声明了变量为空值 null

2.1 数字型Number

1. 数字型进制

常见进制二进制、八进制、十进制、十六进制

八进制数字序列范围:0~7 以0开头

十六进制数字序列范围:0~9及A~F 以0x开头

2.数字型范围

JavaScript中数值的最大和最小值


alert(Number.MAX_VALUE); //1.7976931348623157e+308
alert(Number.MIN_VALUE); //5e-324 
  • infinity,代表无穷大,大于任何数据
  • -infinity,代表无穷小,小于任何数据
  • NaN,Not a number,代表一个非数值

isNaN() 这个方法用来判断非数字,并且返回一个值,如果是数字,则返回是false,如果不是数字,则返回true。

2.2 字符串型 String

1.字符串转义符

转义符都是以 \ 开头的,常用的转义符及其说明如下:

转义符解释说明\n

换行符 newline的意思

转义符 解释说明
\n

换行符 newline的意思

\\ 斜杠\
\' ' 单引号
\" " 双引号
\t tab 缩进
\b 空格,b是blank

2.字符串长度

通过字符串的 length 属性可以获取整个字符串的长度


var myname = 'my name is andy';
console.log(myname.length);

2.3 布尔型 Boolean

布尔值有两个值:true和false,其中true表示真,而false表示假

布尔值和数字型相加时,true的值为1,false的值为0.


console.log(true + 1);  //2
console.log(false + 1); //1

3.数据类型转换

3.1转换为字符串

方式 说明 案例
toString() 转成字符串

var num = 1;

alert(num.toString());

String()强制转换 转成字符串

var num = 1;

alert(String(num));

加号拼接字符串 和字符串拼接的结果都是字符串

var num = 1;

alert(num+"我是字符串");

3.2 转换为数字型

方式 说明 案例
parseInt(string)函数 将string类型转换为整数数值型 parseInt('18')
parseFloat(string)函数 将string类型转换为浮点数数值型 parseFloat('18.88')
Number()强制转换函数 将string类型转换为数值型 Number('18')
js隐式转换(- * /) 利用算数隐式转换为数值型 '14'-0

number() // 转换为数字型
number(‘10') // 10
number(‘abc') // NaN
number(true) // 1
number(false) // 0
number(null) // 0
number(undefined) // NaN

parseInt() // 转为数字,向下取整
 //从被转换的数据中,从前往后获取整数,找到一个就不会再找了,只找整数开头的
 代码:
parseInt(‘12.345') // 12
parseInt(‘12abc') // 12
parseInt(‘abc12') // NaN
parseInt(true) // NaN
parseInt(false) // NaN
parseInt(undefined) // NaN
parseInt(null) // NaN
注:这些字符必须带有数字且数字开头,不然全是NaN

parseFloat() // 转为数字,整数,小数
 代码:
parseFloat(‘12.345') // 12.345
parseFloat(‘12.345abc') // 12.345
parseFloat(‘abc12.345') // NaN
parseFloate(true) // NaN
parseFloat(false) // NaN
parseFloat(undefined) // NaN
parseFloat(null) // NaN
注:这些字符必须带有数字且数字开头,不然全是NaN

隐式转换

1.当 + 左右两边有一个是字符串的时候,另一个也会悄悄转成字符串,进行拼接

2.数学运算符号会将左右两边都转成数字进行算数运算 - 当左右两边有一个是字符串的时候,+号就会拼接,当左右两边没有一个字符串,+也可以将左右两边转成数字

3.当比较运算符左右两边有一个是数字的话,另一个也会悄悄转成数字进行大小比较

3.3 转换为布尔型

代表空、否定的值会被转换为false,如''、0、NaN、null、undefined其余的值被转换为true字符串转布尔类型,空字符串是false,其他都是true

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!

--结束END--

本文标题: javascript基础之数据类型详解

本文链接: https://www.lsjlt.com/news/157187.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript基础之数据类型详解
    目录1.数据类型1.1 为什么需要数据类型1.2 变量的数据类型1.3 数据类型分类2. 简单数据类型(基本数据类型)2.1 数字型Number1. 数字型进制2.数字型范围2.2 ...
    99+
    2022-11-12
  • Python基础之数据类型详解
    目录一、整数二、浮点数三、复数四、运算符,优先级以及结合性五、混合类型计算六、除法七、十进制,八进制,十六进制和二进制八、位操作九、集合十、布尔类型十一、其他数值类型一、整数 pyt...
    99+
    2022-11-12
  • mysql8.0.19基础数据类型详解
    mysql基础数据类型 mysql常用数据类型概览 ![1036857-20170801181433755-146301178](D:\笔记\mysql\复习\1036857-2017080118143...
    99+
    2022-10-18
  • Java基础之详解基本数据类型的使用
    一、整型 主要扩展一下不同进制的整型 二进制、八进制、十进制、十六进制 * 二进制 : 0B(数字零+B) 0b(数字零+b) * 八进制 :0(数字零开头) * 十进制 :正常写...
    99+
    2022-11-12
  • JavaScript的基础语法和数据类型详解
    目录引入JavaScript1.内部标签2.外部引入基础语法数据类型number字符串布尔值逻辑运算比较运算符数组对象流程控制Map和Setiterator总结引入JavaScrip...
    99+
    2022-11-12
  • python基础教程之五种数据类型详解
    Python 五种数据类型 在学习一门语言的过程中,首先肯定就是要先接触到它所拥有的数据类型,Python拥有五种主要的数据类型,下面介绍一下我对这五种数据类型的理解和想法。 1.数 在Python中的数...
    99+
    2022-06-04
    五种 详解 数据类型
  • 重学Go语言之基础数据类型详解
    目录前言布尔型数字类型整型浮点型复数字符串小结前言 Go语言有非常强大的数据类型系统,其支持的数据类型大体上可分为四类:基础数据类型、引用数据类型、接口类型、复合类型。 基础数据类型...
    99+
    2023-02-28
    Go语言基础数据类型 Go语言数据类型 Go 数据类型
  • Python基础语法之变量与数据类型详解
    目录一. 输出函数print1.1 可以输出数字1.2 可以输出字符串1.3 可以输出表达式1.4 可以输出至文件中二. 变量与数据类型2.1 整型2.2 浮点型2.3 字符串型2....
    99+
    2022-11-11
  • java基础详解之数据类型知识点总结
    目录一、基本数据类型1.1 整形1.1.1 int1.1.2 长整形:long1.1.3 短整形:short1.2 浮点型1.2.1 双精度浮点型:double1.2.2 单精度浮点...
    99+
    2022-11-12
  • js中基础的数据类型详解
    目录六种数据类1、String2、Number3、Boolean4、Null和undefined5、强制类型转换6、将其他的数据类型转换为Number7、将其他的数据类型转换为Boo...
    99+
    2022-11-12
  • JavaScript基础之数据类型的示例分析
    这篇文章主要为大家展示了“JavaScript基础之数据类型的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript基础之数据类型的示例分析...
    99+
    2022-10-19
  • JavaScript基础之函数详解
    目录一、函数简介1.1.函数的创建1.2.函数的参数和返回值二、函数的类型2.1. 构造函数2.2. 立即执行函数2.3. 构造函数的原型prototype2.4. 函数中的this...
    99+
    2022-11-12
  • python之基础篇(五)——数据类型
    防伪码:忘情公子著  前面四篇我们已经讲了许多概念方面的东西,从此篇开始,我们将真正开始学习python。  在上一篇中,我们已经说过python有哪些核心数据类型,接下来我们将一一细说这些数据类型。python数据类型之数字类型  pyt...
    99+
    2023-01-31
    数据类型 基础 python
  • Kotlin基础教程之数据类型
    Kotlin基础教程之数据类型一切都是对象.在Kotlin中一切都是对象.Kotlin有一些基本类型Boolean,Byte,Shot,Int,Long,Float,Double在Kotlin中没有原始类型,以上这些类型都是对象,比如运行结...
    99+
    2023-05-31
    kotlin 教程 数据类型
  • MySQL基础教程1 —— 数据类型之数值类型
    MySQL支持所有标准SQL数值数据类型。这些类型包括严格数值数据类型(INTEGER、SMALLINT、DECIMAL和NUMERIC),以及近似数值数据类型(FLOAT、REAL和DOUBLE PRECISI...
    99+
    2022-05-31
    MySQL SQL 数值 数据类型 整型 浮点型
  • 基础数据类型
    计算机处理不同的数据需要定义不同的数据类型。改变数字数据类型的值,意味着要重新分配内存空间用来存储新的数值。 int,整数包含正整数和负整数,32位和64位系统的取值范围不同。32位系统的取值范围:-2**31 ~ 2**31-164位系...
    99+
    2023-01-30
    数据类型 基础
  • python基础之数值类型
    python基础之数值类型 python3中共有11种基本数据类型,而这11种基本数据类型又通常分成3类,即 数值类型:int (整形)float(浮点型) bool(布尔) complex(复数) 序列类型:string(字符串) l...
    99+
    2023-01-30
    数值 类型 基础
  • python基础之变量和数据类型
    目录变量和数据类型Python中变量的命名规则总结变量和数据类型 赋值不需要指定类型,如何定义变量 # 定义 规则 变量名=数据 a=10 #python不声明...
    99+
    2022-11-12
  • Java基础之基本数据类型怎么用
    这篇文章主要为大家展示了“Java基础之基本数据类型怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Java基础之基本数据类型怎么用”这篇文章吧。一、整型主要扩展一下不同进制的整型二进制、八...
    99+
    2023-06-20
  • 详解TypeScript的基础类型
    目录布尔类型数字类型字符串类型字符串和数字进行拼接undefined和 null数组类型元组类型枚举类型any类型void类型联合类型总结布尔类型 // 布尔类型--->boo...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作