美文网首页
JS学习基本概念01之数据类型总结

JS学习基本概念01之数据类型总结

作者: 胡不归vac | 来源:发表于2017-06-01 16:30 被阅读12次

5种简单数据类型: Undefined, Null, Boolean, Number, String
1种复杂数据类型: Object

Undefined

Undefined类型只有一个取值:undefined.

  • 变量已经声明但未赋值时,取值undefined;
  • 对于未声明的变量不能使用,但是可以用typeof操作符判断类型,返回结果为undefined;

Null

Null类型只有一个取值:null,表示的意思是空对象指针,可以理解为以后要指向一个对象,但还未确定指向谁.

  • typeof will return object;
  • 如果一个变量要保存一个对象,最好显式地赋值为null;

Boolean

Boolean类型有两个取值: true and false.

  • 要将一个变量转化为Boolean类型,可以使用Boolean()函数。

各种数据类型转化为Boolean类型的结果

数据类型 转换为true的值 转换为false的值
Boolean true false
String 任何非空字符串 空字符串
Number 任何非零数值(包括无穷大) 0和NaN
Object 任何对象 null
Undefined 没有 undefined

Number

  • 严格模式下不可以使用八进制字面量
  • 在进行算术计算时,八进制和十六进制都会被转为十进制
  • 最重要的一点,浮点数是不精确的,所以不要测试浮点数的特定值

数值范围

  • 最小值: Number.MIN_VALUE, 具体值为5e-324
  • 最大值: Number.MAX-VALUE

NaN

  • 任何涉及NaN的操作,都会返回NaN
  • NaN与任何值都不相等,包括它本身

数值转换

主要有三个,Number(), parseInt(), parseFloat().Number()可以把任何类型的数据转换为数值,后两个专门用于转换字符串.

Number()
  1. Boolean类型,true转换为1, false转换为0
  2. null转换为0
  3. undefined转换为NaN
  4. String类型,按如下规则
    • 空字符串 ----> 0
    • 只包含数字,则忽略前导0,转换为十进制数
    • 包含有效的浮点数格式,以数字开头,则忽略前导0,转换为相应的浮点数
    • 包含有效的十六进制格式,以“0x”开头,转换为相应的十进制数
    • 其他的均为 NaN

总的来说,就是能转换为数值,就转换为数值。

  1. 如果是对象,先调用对象的valueOf(),如果是NaN,则调用toString(),再转换

注意:一元加操作符的操作与Number()函数相同.

parseInt()

parseInt()相对来说比较简单,将一个字符串转换为整数,原则如下:从前往后搜索,第一个不是数字字符或者负号,直接转换为NaN。只要找到数字字符,继续解析直到遇到非数字字符。将此间遇到的数字转换为数值。前导0会被忽略,所以无法解析八进制数,但可以识别十六进制的数值.
parseInt()还可以接收第二个参数,来指定转换的进制.

var num = parseInt("0xAF",16);       // 175
var num2 = parseInt("AF",16);       // 175
parseFloat()

parseInt()类似,但是解析的第一个字符可以是小数点.整个字符串中,第一个小数点是有效的,第二个无效.parseFloat()始终会忽略前导0.

  • 只解析十进制数
  • 如果可以解析为整数,则会返回一个整数

String

  1. 额外注意的是,字符串包含一些转义字符,如\b \t \xnn \unnnn
  2. 字符串一旦创建是不可变的,即使另外赋值,也是销毁原来的字符串,然后以新的字符串填充该变量

转换为字符串

除了Undefined和Null类型,其他类型的数据均含有toString()方法.字符串类型的变量会返回一个副本.

  • Number类型的数据调用toString()时,可以传入一个参数:表示输出数值的基数.
var num = 10;
alert(num.toString(2));     // "1010"
  • 对于undefined和null,可以使用String()来转换为字符串
  • String()函数可以将任何类型的数据转换为字符串
    • 若有toString()方法,则调用
    • 若参数是undefined或null,则返回"undefined"或"null"

Object

对象就是一组数据与功能的集合.创建Object类型的实例并为其添加属性和方法,就可以创建自定义对象。
var o = new Object();
每个Object对象的实例都有以下方法和属性

  1. constructor: 保存着创建当前对象的函数,如Object()
  2. hasOwnProperty(propertyName): 检查给定属性是否存在于当前实例而非原型中
  3. isPrototypeOf(object): 检查传入的对象是否是当前对象的原型
  4. propertyIsEnumerable(propertyName): 检查给定属性是否可以用for-in来枚举
  5. toLocaleString(): 返回对象的基于地区的字符串
  6. toString():
  7. valueOf(): 返回对象的字符串、数值或者布尔值表示,通常与toString()返回的相同

操作符与函数总结

  1. typeof
    返回给定数据的数据类型
  • "undefined" : 该值未定义
  • "boolean" : Boolean类型值
  • "string" : String类型值
  • "number" : Number类型值
  • "object" : 对象或者null
  • "function" : 如果是函数

注意:对未定义的数据使用typeof,会返回"undefined"

  1. isFinite()
    判断一个数值是否处于数值的最大值和最小值之间
var result = Number.MAX_VALUE + Number.MAX_VALUE;
alert(isFinite(result));        // false
  1. isNaN()
    判断一个数据是否是数值或者可以转换为数值
  2. parseInt()&parseFloat&Number()

相关文章

  • JS学习基本概念01之数据类型总结

    5种简单数据类型: Undefined, Null, Boolean, Number, String1种复杂数据类...

  • 重新认识js复杂类型数据的引用和深浅拷贝

    js 基本概念———— 数据类型 js 深浅拷贝之概念 代码实现 —— 数组和对象的j浅拷贝 代码实现 —— 数组...

  • js库之zepto0811

    js库之zepto 1.zepto基本概念 01-zepto...

  • 16.JS 语法

    学习内容:JavaScript基本概念,基础数据类型,运算符,流程控制语句 一、CSS和JS在网页中的放置顺序是怎...

  • 01-JS基本概念总结

    HTML 内容 CSS样式 JS动作 JS是一种可以在浏览器运行的脚本语言,用来实现用户交互、数据处理 基本语...

  • 校本化HTTP-原生js

    这个笔记是我学习js犀牛书和一个师姐的慕课网学习笔记和js高级编程三个东西的总结 1,基本概念 超文本传输协议(H...

  • JS隐式数据类型转换

    隐式数据类型转换介绍 前面有总结过 JS数据类型转换 Number(), toString(), parseInt...

  • ES6入门之Symbol数据类型

    基本概念 Symbol,表示独一无二的值。它是 JS 中的第七种数据类型。 基本的数据类型: Null Undef...

  • 数据类型 I

    都来自菜鸟教程,自己总结学习使用, JS 数据类型 没有对比就没有伤害, 字符串(String)、数字(Numbe...

  • 原生Js数据类型及操作知识点总结

    原生Js的数据类型总结 1.基本数据类型与其检测方法 String,Undefined,Boolean,null,...

网友评论

      本文标题:JS学习基本概念01之数据类型总结

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