Java Script中数据的类型及转换

严格模式

'use strict'
采用另一种模式解析执行JS代码,对于不安全的语法或操作将会抛出错误
例如: 不适用var来声明变量 .....
使用严格模式的好处: 安全,严谨
在全局下设置'use strict': 整个JS文件都采用严格模式
在函数下设置'use strict': 则在该函数中采用严格模式

变量

JS是一门松散性,弱类型的语言,我们的变量可以切换成任意类型
变量: 会变的量,实际上指的是值在内存中的一个占位符

数据类型

基本数据类型有七种:undefined null String Boolean Number Object Symbol

1. 基本数据类型

1. undefined

变量声明未定义

2. null

空对象指针
null表示准备用来保存对象,还没有真正保存对象的值

null == undefined // true
null === undefined // false

3. String

字符串
非字符串类型的变量转为字符串

  1. 变量名.toString() (undefined null 是没有这个方法滴)
  2. String(变量)
  3. 变量名 + ''

4. Boolean

true: 真
false:假

5. Number

非数值类型的变量转为数值类型

  1. Number(变量)
  2. parseInt(字符串, 进制);
  3. parseFloat(字符串);

NaN: 非数字 (在运算当中,产生了失败的值)
isNaN(变量): 判断是否为非数字

正无穷 Infinity
负无穷 -Infinity
Infinity是无法参与计算的
判断值是否超过JavaScript数值范围可以使用

isFinite(num);

数字里面的方法:

数字.toFixed(保留几位小数); // 四舍五入

检测数据类型

  1. typeof : 检测基本数据类型

  2. instanceof: 某某属于某个类型的实例

语法:变量 instanceof 类型
栗子:
var arr = [];
arr instanceof Array // true

  1. constructor: 某某的构造函数
    语法: 变量.constructor

栗子:
var arr = [];
console.log(arr.constructor);
console.log(arr.constructor === Array);

  1. Object.prototype.toString.call()
    语法: Object.prototype.toString.call(变量);

数据类型转换

显示转换

1. 转为数值类型

Number();
1. Boolean
true - 1
false - 0
2. Number - 数值
3. Null - 0
4. Undefined - NaN
5. String
只包含数字(前面携带正负号)
前导零会被忽略
识别浮点、整数、16进制(自动转为同等大小的十进制数值)
空字符串 - 0
除上述之外 均为NaN
6. Object
先使用valueOf()方法,然后依照前面规则转换返回的值,如果转换的结果是NaN,在使用toString()方法,再次依照前面的规则转换返回的字符串

parseInt();
忽略字符串前面的空格,直至找到第一个非空字符,
如果第一个字符不是数字字符或者正负号 返回 NaN
如果第一个字符是数字字符,parseInt会继续解析第二个字符,知道解析完所有后续字符或者遇到了一个非数字字符
字符串以'0x'开头且后跟数字字符,就会将其当作一个十六进制整数
字符串以'0'开头且后跟数字字符,则会将其当作一个八进制数来解析
空字符串 返回 NaN
parseFloat();

第一个小数点是有效的,第二个小数点是无效的
只解析十进制,无第二个参数
十六进制式的字符串始终被转换为 0

栗子:

    // 字符串
    var str = '1a'; // NaN  1  1
    var str1 = '1.1a'; // NaN 1  1.1
    var str2 = '12'; // 12 12 12
    var str3 = ''; // 0 NaN NaN

    // 布尔
    var bool = true; // 1
    var bool1 = false; // 0


    var n = null; // 0
    var u = undefined; // NaN

    var arr = []; // 0
    var arr1 = [1]; // 1
    var arr2 = [1, 2]; // 

    var obj = {};
    var obj = {name: '1'}
2. 转为字符串类型

String(变量);
null与undefined可使用这个转型函数
变量.toString(进制);
参数是基数(几进制)
数值、布尔值、对象和字符串都有这个方法,null与undefined则没有

3. 转为布尔类型

Boolean(变量);

栗子:

    var str = '';
    var str1 = '0';
    var str2 = '1';

    var num = 0;
    var num = 1;
    var num = NaN;

    var n = null;
    var u = undefined;

    var obj = {};

    var arr = [];
    var arr = [1];

隐式转换

  1. 递增(++) 递减(--)
2 + -
    正负号
    + 拼接
3. isNaN
    先将变量通过Number
4. -  *  /  %  减号,乘号,除号,取余
  1. && || ! 与或非运算
    将运算符两边的值转换成通过Boolean()函数转换成布尔类型,然后再进行运算
    && || 返回的是比较后自身的原值,
    而 !运算返回的是布尔值
  2. < > <= >= == != 比较运算符
    当数字和字符串比较大小时,会隐示将字符串转换成number类型进行比较。而当字符串和字符串比较大小时,则比较的是ascii ASCII码的大小。最后返回的则是布尔值

2. 复杂数据类型

1. Object

3. 运算符

  1. 逗号运算符
    1.1 声明多个变量的时,使用逗号隔开
    1.2 用于赋值
    var a = (1, 2, 3, 0); // a为0 (取最后一项)
  2. 一元操作符
    1. 前置++ 前置--
      先+ (-)后运算
    2. 后置++ 后置--
      先运算后+ (-)
    3. + - 号
  1. 加性操作符
    1. + 
        更偏爱 拼接
    2. —
        更偏爱 运算
    
    3.  0 、 Infinity、-Infinity的加性运算  => 画X轴
  1. 乘性运算符

    1. 乘法 *
    2. 除法 /
    3. 求模(求余数)
  2. 布尔操作符
    1.逻辑非 !
    2.逻辑与 &&
    3.逻辑或 ||

  3. 关系操作符
    小于 <
    大于 >
    小于等于 <=
    大于等于 >=

  4. 条件操作符
    三目运算符
    expression ? true : false;

  5. 赋值操作符
    乘/赋值 *=
    除/赋值 /=
    模/赋值 %=
    加/赋值 +=
    减/赋值 -=

  6. 相等和不等运算符中的数据类型转换

    1. == 和 !=判断规则
      会进行类型转换

    2. === 、!== 、 对象==对象 这三种情况不会进行类型转换
      如果有一个操作符是布尔值,则在比较相等性之前先将其转换为数值
      false转换为0;true转换为1
      如果有一个数是字符串,另一个操作数是数值,将其字符串转换为数值
      如果一个操作符是对象,另一个操作数不是对象,将对象转化为基本操作类型
      先valueOf(),再toString(),均不能得到基本类型的值就会报错

    3. 对象在 == 判断的时候
      若两边都是对象,不会进行类型转换,为同一个引用才会返回true
      若只有一边为对象,则会先调用对象的valueOf()方法
      不能返回基本类型,再调用对象的toString()方法,
      还是不能返回基本类型就会报错,
      否则用转化后的基本类型值继续进行判断

    4. 字符与字符比较会根据字符编码排序先后

作者:L H
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,546评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,224评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,911评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,737评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,753评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,598评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,338评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,249评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,696评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,888评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,013评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,731评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,348评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,929评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,048评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,203评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,960评论 2 355

推荐阅读更多精彩内容

  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,056评论 0 1
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,234评论 0 4
  • 值类型转换将值从一种类型转换为另一种类型通常称为类型转换,这是显示的情况;隐式的情况称为强制类型转换。JavaSc...
    xpwei阅读 3,545评论 0 5
  • 强制转换 强制转换主要指使用Number、String和Boolean三个构造函数,手动将各种类型的值,转换成数字...
    灯火阑珊Zone阅读 408评论 0 3
  • 运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,本章逐一介绍这些运算...
    徵羽kid阅读 678评论 0 0