js数据类型和易混运算符及其优先级

数据类型

js的数据类型共有6种:

  • 数值(number):整数和小数(比如1和3.14)
  • 字符串(string):字符组成的文本(比如"Hello World")
  • 布尔值(boolean):true(真)和false(假)两个特定值
  • undefined:表示“未定义”或不存在,即此处目前没有任何值
  • null:表示空缺,即此处应该有一个值,但目前为空
  • 对象(object):各种值组成的集合

前五种属于简单类型,object属于复杂类型。

对象又可以分成三个子类型。

  • 狭义的对象(object)
  • 数组(array)
  • 函数(function)
  • 正则表达式(regexp)

运算符

  1. typeof:检测数据类型。
    可以检测:number、string、boolean、undefined、function
    不可以检测:object、array、regexp、null
//可以检测的类型
typeof 123;// "number"
typeof '123'; // "string"
typeof false; // "boolean"
typeof a;//"undefined"
typeof function(){};//"function"
//不可以检测的类型
typeof window; // "object"
typeof {}; // "object"
typeof []; // "object"
typeof null;// "object"
typeof  /hello/;//"object"

null用===来检测

var a = null;
a === null;//true
  1. instanceof:检测变量是否为一个对象的实例。
    可以检测:object、array、regexp
var o = {};
var a = [];
var b = /hello/;
o instanceof Array; // false
a instanceof Array;// true
b instanceof RegExp;//true
//因为以上数据类型都是对象
b instanceof Object;//true
a instanceof Object;//true
o instanceof Object;//true
  1. +/-加号
    加号:
  • 在两个操作数都是数字的时候,会做加法运算
  • 两个参数都是字符串或在有一个参数是字符串的情况下会把另外一个参数转换为字符串做字符串拼接
  • 在参数有对象的情况下会调用其valueOf或toString
  • 在只有一个字符串参数的时候会尝试将其转换为数字
console.log(2+4);//6
console.log("2"+"4");//"24"
console.log(2+"4");//"24"
===============================
console.log(2+new Date());//"2Mon Jan 20 2014 17:15:01 GMT+0800 (China Standard Time)"
==================================
point = {x: 2, y: 8};//Object {x: 2, y: 8}
point + 3;//"[object Object]3"
radius = {r: 5, valueOf: function(r = 5){return r*r}};//Object {r: 5}
radius +3;//28
============================
console.log(+new Date());//1483066791248
console.log(+"4");//4 
console.log(+true);//1
console.log(2+true);//3
console.log(+"true");//NaN
console.log("2"+"true");//2true
=================================

减号:首先将两边的变量转化为数字,再进行运算

console.log(1 - "333hello");//NaN,Number( "333hello")为NaN
console.log(1 - "123");//-122
console.log(1 - false);//1
console.log(1 - true);//0
console.log(1 - undefined);//NaN
console.log(1 - null);//1
console.log(1 - " ");//1
  1. ==/=== 等号
    === 是严格意义的相等,只需注意NaN和NaN不等就行了。
    == 的时候,javascript会帮我们做类型转换。
  • 如果两个值类型相同,则执行严格相等的运算
  • 如果两个值的类型不同
    • 如果一个是null,一个是undefined,那么相等
    • 如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
    • 如果一个值是true/false则将其转为1/0比较
    • 如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
    • 其它就不相等了
null === undefined;//false
null == undefined;//true
==============================
NaN === NaN;//false
NaN == NaN;//false
===============================
0 === "0";//false
0 == "0";//true
"1" == true;//true
===============================
radius = {r: 5, valueOf: function(r = 5){return r*r}};//Object {r: 5}
radius === 25;//false
radius == 25;//true
==================================
undefined == "";//false
undefined == false;//false
null == "";//false
null == false;//false
"" == false;//true
  1. && 和 ||

JS 的 &&||一般都不会返回true / false,而是返回最后一次短路的值。

短路原理:
&& :左值为false,整个表达式为左值;左值为true,整个表达式为右值
|| :左值为false,整个表达式为右值;左值为true,整个表达式为左值

参考文章:全面解析JavaScript中“&&”和“||”
JavaScript的“&&”和“||”操作符总结
js 与或运算符 || && 妙用
mdn逻辑运算符

其他

NaN:Not a Number。非有效数值,typeof NaN的值为"number"。NaN和任何值都不相等,包括它自己,即NaN == NaN为false。

运算符优先级
mdn参考文档
在所有的表达式中,运算的顺序由运算符的优先级结合性决定。

运算符的优先级:决定了表达式中运算执行的先后顺序,优先级高的运算符最先被执行。
运算符的结合性:决定了拥有相同优先级的运算符的执行顺序。例如:i + + +j + +,因为++为右结合,所以改表达式等价于(i + + ) + (j+ + )
++运算只能作用于变量,不能作用于常量和表达式,即++i++ 是错误的写法。)

一般来说

  • 一目运算优先级高与二/三目运算
  • 一目运算、三目运算、赋值运算多为结合。例如:w = a: b: c ? d : e? f : g等价于w = a? b : (c? d: (e? f : g))
  • 运算符的大致优先级为:一目运算、+/-/*/%、位运算符、比较运算符、逻辑运算符、赋值运算符
例如:a+++b
- 按照优先级:后置递增 > 前置递增 > 加号,及等价于`(a++)+b`。
- 按照结合性:`++`为从右向左结合,根据结合性的定义,`a++`优先级高于`++b`,所以先进行`a++`运算。

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

推荐阅读更多精彩内容