javascript基础之数据类型详解

目录
  • 1.数据类型
    • 1.1 为什么需要数据类型
    • 1.2 变量的数据类型
    • 1.3 数据类型分类
  • 2. 简单数据类型（基本数据类型）
    • 2.1 数字型Number
      • 1. 数字型进制
      • 2.数字型范围
    • 2.2 字符串型 String
      • 1.字符串转义符
      • 2.字符串长度
    • 2.3 布尔型 Boolean
  • 3.数据类型转换
    • 3.1转换为字符串
    • 3.2 转换为数字型
    • 隐式转换
    • 3.3 转换为布尔型
  • 总结

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

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注我们的更多内容！

赞 (0)

相关推荐

  • Javascript基础教程之数据类型 （数值 Number）

    javascript中想限定一个数的数值,无需限定它是整数还是浮点数型 复制代码 代码如下: var num1 = 80 ;     var num2 = 55.51;     var num3 = -34;     var num4 = 9e5;     document.write(num1 + " " + num2 + " " + num3 + " " + num4); //运行结果 80 55.51 -34 900000 toExpone

  • JavaScript基础心法 数据类型

    由于自己是野生程序员,在刚开始学习程序设计的时候没有在意内存这些基础知识,导致后来在提到"什么什么是存在栈中的,栈中只是存了一个引用"这样的话时总是一脸懵逼.. 后来渐渐的了解了一些内存的知识,这部分还是非常有必要了解的. 基本数据结构 栈 栈,只允许在一段进行插入或者删除操作的线性表,是一种先进后出的数据结构. 堆 堆是基于散列算法的数据结构. 队列 队列是一种先进先出(FIFO)的数据结构. JavaScript中数据类型的存储 JavaScript中将数据类型分为基本数据类型和引

  • Javascript基础教程之数据类型转换

    所有语言都有类型转化的能力,javascript也不例外,它也为开发者提供了大量的类型转化访法,通过全局函数,可以实现更为复杂的数据类型. 复制代码 代码如下: var a = 3; var b = a + 3; var c = "student" + a; var d = a.toString(); var e = a + ""; document.write(typeof(a) + " " + typeof (b) + " &quo

  • JavaScript的基础语法和数据类型详解

    JavaScript的基础语法和数据类型详解

    目录 引入JavaScript 1.内部标签 2.外部引入 基础语法 数据类型 number 字符串 布尔值 逻辑运算 比较运算符 数组 对象 流程控制 Map和Set iterator 总结 引入JavaScript 1.内部标签 <script> alert("hello world"); </script> 2.外部引入 <script src="js/abc.js"></script> 基础语法 定义变量 &l

  • Javascript基础教程之数据类型 （布尔型 Boolean）

    javascript同样有布尔型,可选值,true or fasle. 复制代码 代码如下: var marr = true ;     document.write(typeof(marr) + "<br>");     var marr = "ture";     document.write(typeof(marr) + "<br>"); 布尔值的 ture 或 fasle是两个完全不同的概念,将marr分别不同给

  • 浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题

    js 深浅拷贝问题 浅拷贝一般指的是基本类型的复制 深拷贝一般指引用类型的拷贝,把引用类型的值也拷贝出来 举例 h5的sessionStorage只能存放字符串,所以要存储json时就要把json使用JSON.stringify()把json转换成string,然后再用JSON.parse()转换成json数据 缺点:JSON.parse和JSON.stringify只支持IE9+以上 解决这个问题可以使用深度比那里拷贝方法 js 中内存分配问题(堆和栈) js中基本类型类型一般是存储在栈中的.

  • JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】

    本文实例讲述了JavaScript 变量,数据类型基础.分享给大家供大家参考,具体如下: 这篇笔记呢,咱记录下变量和数据类型的基础知识,因为两者有联系 所以放在一起记录 1 如何声明变量 变量声明使用var关键字,下面举一些变量声明的例子: <!DOCTYPE html> <html> <head> <title>learn javascript</title> </head> <body> </body> {

  • javascript基础之数据类型详解

    目录 1.数据类型 1.1 为什么需要数据类型 1.2 变量的数据类型 1.3 数据类型分类 2. 简单数据类型(基本数据类型) 2.1 数字型Number 1. 数字型进制 2.数字型范围 2.2 字符串型 String 1.字符串转义符 2.字符串长度 2.3 布尔型 Boolean 3.数据类型转换 3.1转换为字符串 3.2 转换为数字型 隐式转换 3.3 转换为布尔型 总结 1.数据类型 1.1 为什么需要数据类型 在计算机,不同的数据所占的存储空间是不同的,为了便于把数据分成所需内存

  • Python基础之数据类型详解

    一.整数 python2中整形可以分为一般整形和长整形,但是在python3中,两者以及合二为一了,只有整形.python中的整形是具有无限精度的(只有内存能放下),可以表示任意位数的数字.例如: >>> 1111_2222_3333_4444_5555_6666_7777_8888_9999_0000 1111222233334444555566667777888899990000 python人性化的地方在于,上面的代码中,我每四位做了一个分割,让数字看起来很清晰.外国人可能更喜欢每

  • JavaScript基础之this详解

    JavaScript的this和Java等面向对象语言中的this大不一样,bind().call()和apply()函数更是将this的灵活度进一步延伸. 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 如果对JavaScript的关键字this理解不够深刻,有时候会掉入意想不到的坑.在这里我们总结了5条通用规则来帮助你判断this到底指向什么.虽然没有囊括所有的情况,但日常大部分情况都可以使用这些规则来正确推断. this的值通常是由所在函数的执行环境决定

  • JavaScript基础之函数详解

    JavaScript基础之函数详解

    目录 一.函数简介 1.1.函数的创建 1.2.函数的参数和返回值 二.函数的类型 2.1. 构造函数 2.2. 立即执行函数 2.3. 构造函数的原型prototype 2.4. 函数中的this指向 2.5. 函数对象原型的方法 2.6. 构造函数的继承 2.7. 原型对象prototype方法继承 2.8. Object.create实现类式继承 总结 一.函数简介 1.1.函数的创建 1.函数创建的三种方式 // 方式1:字符串封装代码创建函数 var fun = new Functio

  • js中基础的数据类型详解

    目录 六种数据类 1.String 2.Number 3.Boolean 4.Null和undefined 5.强制类型转换 6.将其他的数据类型转换为Number 7.将其他的数据类型转换为Boolean 总结 六种数据类 数据类型指的是字面类型 在JS中有六种数据类型 String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 其中String.Number.Boolean.Null.Undefined 属于基本数据类型

  • JavaScript中 ES6 generator数据类型详解

    1. generator简介 generator 是ES6引入的新的数据类型, 看上去像一个函数,除了使用return返回, yield可以返回多次. generator 由function* 定义, (注意*号), 2. 示例 函数无法保存状态, 有时需要全局变量来保存数字: 2.1 'use strict'; function next_id(){ var id = 1; while(id<100){ yield id; id++; } return id; } // 测试: var x,

  • Python基础语法之变量与数据类型详解

    Python基础语法之变量与数据类型详解

    目录 一. 输出函数print 1.1 可以输出数字 1.2 可以输出字符串 1.3 可以输出表达式 1.4 可以输出至文件中 二. 变量与数据类型 2.1 整型 2.2 浮点型 2.3 字符串型 2.4 布尔型 3. 数据类型转换 3.1 int() 3.2 float() 3.3 str() 一. 输出函数print 在python中,print()是可以直接使用的输出函数,将数据输出到控制台上. 1. print函数的使用 1.1 可以输出数字 只要是数字都可以输出 # author: 爪

  • python基础知识（一）变量与简单数据类型详解

    1.1变量 变量的命名规则: 1.只能包含字母.数字.下划线,且不能用数字开头 2.不能使用python关键字 3.简短且具有描述性 1.2字符串 python中用引号引起来的都是字符串,单引号双引号都可以 a.字符串的索引 s = 'ABCDEF' #索引 s1 = s[0] s2 = s[-1] s3 = s[0:4] print(s1) #A print(s2) #F print(s3) #ABC,左闭右开 #打印全部 s4 = s[:] #s[0:] print(s4) s5 = s[0

  • 基于JavaScript表单脚本(详解)

    基于JavaScript表单脚本(详解)

    什么是表单? 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域:包含了文本框.密码框.隐藏域.多行文本框.复选框.单选框.下拉选择框和文件上传框等. 表单按钮:包括提交按钮.复位按钮和一般按钮:用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作. JavaScript与表单间的关系:JS最初的应用就是用于分担服务器处理表单的责任,打破依赖服务器的局面,尽管目前web和jav

  • JavaScript里 ==与===区别详解

    1.对于string,number等基础类型,==和===是有区别的 1)不同类型间比较,==之比较"转化成同一类型后的值"看"值"是否相等,===如果类型不同,其结果就是不等 2)同类型比较,直接进行"值"比较,两者结果一样 2.对于Array,Object等高级类型,==和===是没有区别的 进行"指针地址"比较 3.基础类型与高级类型,==和===是有区别的 1)对于==,将高级转化为基础类型,进行"值&quo

随机推荐