首页 > 编程语言 >javascript数据类型详解

javascript数据类型详解

时间:2023-07-29 10:39:14浏览次数:45  
标签:console log javascript 数据类型 var 详解 字符串 数字型

文章和代码已经归档至【Github仓库:https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 javascript 也可获取。

数据类型

JavaScript 是一种弱类型或者说动态语言。不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。

var age = 10; // 数字型
var areYouOk = 'yes'; // 字符串

JavaScript 拥有动态类型,意味着相同的变量可用作不同的类型 (可以更换类型)

var x = 6; // x 为数字
var x = "Bill"; // x 为字符串

数据类型的分类

  • 简单数据类型 (Number, String, Boolean, Undefined, Null) 又叫做值类型。在存储时变量中存储的是值本身。
  • 复杂数据类型 (object),在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型,通过 new 关键字创建的对象(系统对象、自定义对象),如 Object、Array、Date 等。

堆栈空间分配区别:

  1. 栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈;简单数据类型存放到栈里面。
  2. javascript数据类型详解_浮点数

  3. 堆(操作系统):存储复杂类型 (对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。引用数据类型存放到堆里面引用类型变量(栈空间)里存放的是地址,真正的对象实例存放在堆空间中。

javascript数据类型详解_浮点数_02

基本数据类型

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

javascript数据类型详解_字符串_03

Number

JavaScript 数字类型既可以用来保存整数值,也可以保存小数 (浮点数)。

数字型进制

最常见的进制有二进制、八进制、十进制、十六进制。在 JS 中八进制前面加 0,十六进制前面加 0x

var num = 0xA;
var num2 = 012; // 对应十进制的10
数字型范围

JavaScript 中数值的最大和最小值

  • 最大值:Number.MAX_VALUE,这个值为: 1.7976931348623157 e+308
  • 最小值:Number.MIN_VALUE,这个值为:5 e-32
三个特殊值
  • Infinity ,代表无穷大,大于任何数值
  • -Infinity ,代表无穷小,小于任何数值
  • NaN ,Not a number,代表一个非数值
IsNaN ()

用来判断一个变量是否为非数字的类型,返回 true 或者 false。

String

字符串型可以是引号中的任意文本,其语法为双引号 "" 和单引号 ''

因为 HTML 标签里面的属性使用的是双引号,JS 这里我们更推荐使用单引号。JS 可以用单引号嵌套双引号。

字符串转义符

javascript数据类型详解_数据类型_04

字符串长度

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

alert(strMsg.length); // show the length of strMsg
字符串拼接

多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

console.log('timerring' + age + '岁'); // timerring18岁 (变量是不能添加引号的,因为加引号的变量会变成字符串)
Boolean

布尔类型有两个值:true 和 false ,其中 true 表示真(对),而 false 表示假(错)。布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0。

Undefined 和 Null

一个声明后没有被赋值的变量会有一个默认值 undefined ( 如果进行相连或者相加时,注意结果的差别)

var variable;
console.log(variable); // undefined
console.log('你好' + variable); // 你好undefined
console.log(11 + variable); // NaN
console.log(true + variable); // NaN
console.log(NaN +1); //NaN

一个声明变量给 null 值,里面存的值为空

var vari = null;
console.log('你好' + vari); // 你好null
console.log(11 + vari); // 11
console.log(true + vari); // 1

获取变量数据类型

Typeof 可用来获取检测变量的数据类型

var num = 18;
console.log(typeof num) // 结果 number

javascript数据类型详解_数据类型_05

数据类型转换

使用表单、prompt 获取过来的数据默认是字符串 String 类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。

转换为字符串

javascript数据类型详解_字符串_06

通常用第三个比较多,例如 alert(num + ''),加一个空字符串。

转换为数字型

javascript数据类型详解_字符串_07

注意:parseInt 是直接对于浮点数进行整数位取整,舍去浮点数位。 用算数运算 - \* / 可以实现隐式转换。

+号作为正号解析可以转换成数字型!!!

console.log(+'123')  // 转换为数字型123
console.log(typeof +'123')  // number
let score = +prompt('请输入成绩') // +将输入转为数字型

转换为布尔型

javascript数据类型详解_浮点数_08

  • 代表空、否定的值会被转换为 false ,如 ''0NaNnullundefined
  • 其余值都会被转换为 true

答题:<https://ks.wjx.top/vm/YXyjrAe.aspx#>

标签:console,log,javascript,数据类型,var,详解,字符串,数字型
From: https://blog.51cto.com/u_15736437/6890408

相关文章

  • TCP协议的三次握手、四次释放详解
    三次握手:  1.三次握手①第一次握手A的TCP客户进程向B发出建立连接请求报文段,其中SYN(同步位)=1,ACK(确认位)=0,seq(序号)=x。TCP规定,当报文段的SYN=1且ACK=0时,表明这是一个请求建立连接的;SYN报文段(SYN=1的报文段)不能携带数据,但是要消耗掉一个序号。在A发送完毕之后,A的TCP客户端进......
  • threading.Thread类详解
    1'''2threading.Thread类是Pythonthreading模块中用于创建和管理线程的主要类。它可以通过子类化并重写run()方法来定义自己的线程逻辑。一般会使用线程池31.构造器:4threading.Thread类的构造器如下:5classthreading.Thread(group=None,target=None,na......
  • JavaScript入门基础
    文章和代码已经归档至【Github仓库:<https://github.com/timerring/front-end-tutorial>】或者公众号【AIShareLab】回复javascript也可获取。JavaScript简介布兰登·艾奇(BrendanEich,1961年~),10天完成JavaScript设计。最初命名为LiveScript,后来在与Sun合作之后将其改名为......
  • Python-2-Python数据类型
    第二章:Python数据类型2-1字符串简单介绍'A'+'B'字符串连接输出'AB';'Hello'*3多次连接3次。'Hello'[0]取第一个字符;'Hello'[1]取第二个字符;'Hello'[-1]取最后一个字符;'Hello'[1:3]从e开始取取2个字符el,1+2=3所以是[1:3];'H......
  • VMPWN的入门级别题目详解(二)
    实验四VMPWN4题目简介这道题应该算是虚拟机保护的一个变种,是一个解释器类型的程序,何为解释器?解释器是一种计算机程序,用于解释和执行源代码。解释器可以理解源代码中的语法和语义,并将其转换为计算机可以执行的机器语言。与编译器不同,解释器不会将源代码转换为机器语言,而是直接执......
  • JavaScript学习 -- HMAC算法基本原理
    HMAC(Hash-basedMessageAuthenticationCode)算法是一种基于哈希算法的消息认证码算法。它可以用于验证和保护数据在传输过程中的完整性和真实性。在JavaScript中,我们可以使用HMAC算法来保证数据的安全性。本篇文章将介绍HMAC算法的基本原理和相关技术,并提供一些实例来演示如何在Ja......
  • javaScript判断数据类型的几种方法
    1:typeof返回数据类型,包含这7种:number、boolean、symbol、string、object、undefined、function。typeofnull返回类型错误,返回object。引用类型,除了function返回function类型外,其他均返回object。其中,null有属于自己的数据类型Null,引用类型中的数组、日期、正则也都有......
  • YUV格式详解
    YUV是指亮度参量和色度参量分开表示的像素格式,而这样分开的好处就是不但可以避免相互干扰,还可以降低色度的采样率而不会对图像质量影响太大。YUV是一个比较笼统地说法,针对它的具体排列方式,可以分为很多种具体的格式。转载一篇对yuv格式解释的比较清楚地文章,也可以直接参考微软的那......
  • spool命令使用详解 oracle导出txt文件
    spool命令使用详解原文链接:https://www.xjx100.cn/news/454608.html?action=onClickSPOOL命令使用详解SPOOL是SQLPLUS的命令,必须在SQLPLUS中使用,主要完成以标准输出方式输出SQLPLUS的命令及执行结果,一般常用户格式化导出ORACLE表数据。 对于SPOOL数据的SQL,最好要自己定......
  • java多线程学习-java.util.concurrent详解
    java多线程学习-java.util.concurrent详解(一)Latch/Barrier   Java1.5提供了一个非常高效实用的多线程包:java.util.concurrent,提供了大量高级工具,可以帮助开发者编写高效、易维护、结构清晰的Java多线程程序。从这篇blog起,我将跟大家一起共同学习这些新的Java多线......