美文网首页
JS数据类型

JS数据类型

作者: amanohina | 来源:发表于2020-11-24 10:46 被阅读0次

字面量

  • 字面量(literal)用于表达一个固定值的表示法,又叫做常量
  • 通俗的理解,字面就是所见即所得,js程序执行到代码中的字面量,会立即知道它是什么类型的数据。值是多少
  • 可以用来表示固定值:数字、字符串、undefined、布尔类型的字面值等等

数字字面量

  • 数学意义上的数字
  • 区分为:整数、浮点数(小数)、特殊值(无穷,0/0等等)
  • 书写时直接书写字面量,不需要添加任何辅助符号

整数

  • 整数字面量区分进制
  • 整数可以被表示成十进制、八进制、十六进制


  • 特殊的:八进制,如果用0开头,每个位数上有0-7之间的数字,也就是8/9,强制忽视前面的0,直接将后面数字当做十进制

浮点数

  • 数学概念的小数
  • 包含:整数,小数点,小数部分
  • 浮点数不区分进制,所有的浮点数都是十进制的数字
  • 浮点数大于0小于1的时候可以省略小数点前面的0不写

浮点数精度问题

  • 浮点数值的最高精度是17位小数,在进行算术计算时精确度远不如整数
  • 比如:0.1+0.2结果不是0.3而0.30000000000000004

特殊数字字面量

infinity无穷

  • 无穷的意思
  • 计算机计算能力有限,大于最大计算值显示为infinity,小于最小计算值为-infinity
  • infinity本身就是一个数字


NaN

  • NaN:not a number表示不是一个正常的数,但是还是一个Number类型的数字,这个数字没办法用前面的表示方法表示
  • NaN与任何值都不相等,包含他自己本身
  • isNaN():判断一个数据是不是一个NaN



字符串字面量

  • 字符串是由任意个数的有序或者无序的字符组成的串,类似人类的语言,在JS中有自己特殊的写法
  • 组成:字母、汉字、特殊符号、空白
  • 字符串字面量写法:是用一对单引号或者双引号以及引号内的字符构成,引号中间的字符可以有任意多个,也可以是没有字符的空字符串。
  • 注意:字符串中如果字符包含了双引号,则其外部应该由单引号标示,反之相同。

转移符号\

  • 字符串中,有一些特殊功能的字符不能直接书写,还有一些特殊效果不能直接书写。
  • 这时,可以使用转义符 \ 对这些字符进行转义。
  • 在字符串中可以使用转义符 \ 加普通字母,替代一些特殊字符
    \n 换行
    \t Tab制表
  • 字符串中可以使用转义符 \ 将特殊功能字符变为普通字符。
    ' 单引号
    " 双引号
    \ 反斜杠

变量

  • 变量(variables) 是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据。
  • 变量相当于一个容器,内部可以存储任意类型的数据,使用变量时,用的是内部存储的数据。
  • 使用变量可以更加方便的获取与修改内存中的数据

变量声明

  • 变量声明又叫做定义变量、创建变量。
  • 变量在使用前,必须先有定义,如果没有定义,会出现引用错误。
  • 定义方法:使用一个 var 的关键字进行定义,后面必须加一个空格,空格后面自定义变量名。

变量的命名规则和规范

变量赋值

变量赋值的几种情况

  • 变量赋值时:内部可以存储任意类型的数据,甚至是一个变量。赋值过程中,等号右侧的变量使用的是存储的数据
  • 等号左侧变,右侧不变,比如
var a;
a = 3;
var b;
b = a + 3;

等号左侧会被赋值,将来值发生变化,等号右侧的变量使用内部的值参与运算,自身不会发生变化

  • 变量赋值初值可以与声明过程写在一起
var c = "hello"
  • 变量内部的值,可以通过多次赋值的方法,进行更改
  • 变量一次定义,可以多次等号赋值
var c = "hello";
c = 3;
c = c + 2;
console.log(c);
  • 一个关键字 var 可以同时定义多个变量,并且都赋初值。多个变量之间用逗号进行分隔,最后一个变量后面使用分号进行结尾
var a = 1, b = 2, c = 3;

数据类型

JavaScript中的值,无论是字面量还是变量,都是有明确的数据类型的

简单数据类型

Number 数字类型
String 字符串类型
undefined undefined类型
Boolean 布尔类型
null null类型

另外还有复杂数据类型

  • Object 对象类型

Number类型

  • 数字类型,不区分整数、浮点数、特殊值,都是 Number 类型。

String 类型

  • 字符串类型,所有的字符串都是 String 类型

Boolean类型

  • Boolean 字面量: 只有 true 和 false 两个字面量的值,必须是小写字母。
  • 计算机内部存储:true为1,false为0

undefined类型

  • undefined本身就是一个数据,表示的没有定义
  • 变量只声明没有赋值的时候默认是undefined

null类型

  • 本身就是一个数据
  • 从逻辑角度来看,null值表示一个空对象指针
  • 如果定义的变量准备在将来用于保存对象,最好将该变量初始化为null

检测数据类型

  • 使用 typeof 的方法进行数据检测。
  • 检测方式:在 typeof后面加小括号 () 执行,将要检测的数据放在小括号内部。
console.log(typeof(数据));
  • 也可以将 typeof 作为关键字,后面加空格,空格后添加数据的方式,检测数据。
console.log(typeof 67);

变量的数据类型

  • JavaScript 语言是一门动态类型的语言,变量并没有一个单独的数据类型,而是会随着内部存储数据的变化,数据类型也会发生变化。
  • 变量的数据类型,与内部存储数据有关。
  • 将来使用变量时,需要知道内部存储的数据是什么类型,避免程序出错。


小知识:

如何使用谷歌浏览器控制台,快速的查看数据类型?

  • 字符串的颜色是黑色的,数值类型是蓝色的,布尔类型是蓝色的,undefined和null是灰色的

数据类型转换

数据.toString()方法

  • Srting(数据)方法,有些值没有toString(),可以使用String()。比如:undefined和null
  • +号拼接字符串方式
    num + "",当 + 两边一个操作符是字符串类型,一个操作符是其它类型的时候,会先把其它类型转换成字符串再进行字符串拼接,返回字符串。

+号的特殊性

  1. 两边只要有一个是字符串,那么 + 就是字符串拼接功能
  2. 两边如果都是数字,那么就是算术功能

转换成数值类型

Number(数据) 方法

转型函数Number()可以用于任何数据类型,将其他数据类型转为数字。
字符串:纯数字字符串转为对应数字,空字符串和空白字符串转为 0 ,非空非纯数字字符串转为 NaN。
布尔值:true 转为 1,false 转为 0。
undefined:转为 NaN。
null:转为 0。

parseInt() 方法:字符串转整数方法

作用:第一,对浮点数进行取整操作;第二,将字符串转为整数数字。
①对数字取整功能,直接舍弃小数部分,只保留整数。
②将字符串转为整数数字,也包含取整功能。
字符串中,必须是纯数字字符串或者数字字符开头的字符串,才能转换为正常数字,且只取整数部分,
如果不是数字打头的字符串,会转换为 NaN。
空值也是NaN

parseFloat() 方法:字符串转浮点数方法

作用:将字符串转为浮点数数字。
要求:满足浮点数数字字符必须在字符串开始,如果不在开始返回值都是NaN。

应用

  • 工作中,利用pprompt()语句返回的用户输入的数据,检测了数据类型之后,得到的是字符串类型
  • 如果想要获取的是数据类型的数据,需要先将得到的字符串转为数字,避免出现字符串参与数学加法运算等
var num = parseInt(prompt(“请你输入你今年的年龄”));
var age = num + 50;

转换为布尔类型

Boolean(数据) 方法

转型函数 Boolean() 可以用于任何数据类型,将其他数据类型转为布尔类型的值。
转为 false :NaN、0、“”空字符串、null、undefined
转为 true :非0 非NaN数字、非空字符串

相关文章

  • JS的类型转换

    JS的数据类型: 首先, JS的数据类型分为基本数据类型和引用数据类型基本数据类型: string number ...

  • js对象数组的深拷贝方法以及其他方法

    js判断数据类型是否为对象 js判断数据类型是否为数组

  • 2022前端面试题汇总(附答案)更新中

    JS相关 1.JS中的数据类型 (1)数据类型分为基本数据类型和引用数据类型基本数据类型:number、null、...

  • js深拷贝

    在写深拷贝之前,有必要说一下js的数据类型 一.js数据类型 1.1 分类 js数据类型分为两类:原始数据类型、引...

  • js数据类型

    JS基本数据类型和引用数据类型(JS 基本数据类型和引用数据类型的区别及浅拷贝和深拷贝) 再讲 js 的基本数据类...

  • js入门知识点

    * 基础知识 * js的输出方式 * js的组成 * js的命名规范 * 数据类型 * number数据类型 * ...

  • js常见知识点

    一、 js基本数据类型和引用数据类型 js基本数据类型:Number、String、Boolean、Null、un...

  • JS数据类型判断

    js中可以通过typeof来判断基本的数据类型。 数据类型 js的数据类型分为基本数据类型和引用数据类型,基本数据...

  • JS 高频面试题汇总

    # 说一下JS 中的数据类型有哪些 JS 数据类型包括 基本 / 引用 / 特殊 数据类型: 基本数据类型:Str...

  • 浅拷贝和深拷贝

    JS数据类型 在JS语言中,数据类型分为以下两种: 基本数据类型:null undefined number st...

网友评论

      本文标题:JS数据类型

      本文链接:https://www.haomeiwen.com/subject/cwbuiktx.html