数据类型运算符流程控制语句

数据类型运算符流程控制语句

一、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?
目前最新的 JS 定义了七种数据类型。
数值(number):整数和小数(比如1和3.14)
字符串(string):字符组成的文本(比如"Hello World")
布尔值(boolean):true(真)和false(假)两个特定值
undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
null:表示无值,即此处的值就是“无”的状态。
对象(object):各种值组成的集合
通常,我们将数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。而将对象称为合成类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。

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

狭义的对象(object)
数组(array)
函数(function)

参考: JavaScript 数据类型和数据结构 | MDN

二、typeof 和 instanceof 的作用和区别?

  1. typeof
    typeof返回一个字符串,表示指定对象的类型,可能的返回值有:
    undefined ==> undefined
    null || object ==> object
    boolean ==> boolean
    number ==> number
    string ==> string
    symbol ==> symbol
    function ==> function

如:
let str ='apple'console.log(typeof str) // string

  1. instanceof
    instanceof用来检测指定对象是否拥有某构造函数的prototype属性,返回布尔值,如
    let num = new Number( 2 )console.log(num instanceof Number) //true

  2. 区别
    typeof用于判断一个变量的类型,而instanceof用于判断一个对象是否是另一对象的实例。

三、如何判断一个变量是否是数字、字符串、布尔、函数
用typeof直接判断,返回的字符串就是该类型

四、NaN 是什么? 有什么特别之处?
NaN(Not a Number)表示非数值,可以理解为是一个不确定的数值。所以:
所有与 NaN 的操作结果返回都是 NaN。
NaN === NaN 返回 false。

正是因为 NaN 表示不确定数值,所以每一个 NaN 都不确定,就不相等。

五、如何把非数值转化为数值?
parseInt() 函数解析一个字符串参数,并返回一个指定基数的整数 (数学系统的基础)。
The parseFloat() function parses an argument and returns a floating point number.
Number()
In JavaScript, Number is a numeric data type in the double-precision 64-bit floating point format (IEEE 754). In other programming languages different numeric types can exist, for examples: Integers, Floats, Doubles, or Bignums.
Number.parseInt() 方法可以根据给定的进制数把一个字符串解析成整数。

六、== 与 === 有什么区别
== 相等运算符,在比较不同类型的数据时,相等运算符会先将数据进行类型转换,然后再用严格相等运算符比较。
=== 严格运算符,两个比较值必须是同一类型的同一结果。

七、break 与 continue 有什么区别
break表示退出当前循环或者退出指定循环,是彻底结束循环。continue是结束本次循环,进入下一次循环。

八、void 0 和 undefined 在使用场景上有什么区别
void是一元操作符,你可以在后面接一条语句,但void返回的永远是undifined。而undefined在 ES5 中是全局对象的一个只读(read-only)属性了,它不能被重写。但在局部作用域中还是可以改写:
(function () { var undefined = 1 console.log(undefined)})()
因此,当你需要百分比获得undefined时,可以用void 0 void console.log(1) void false等等等,最后返回的都是undefined,因为 void 0很短,所以就用它。
参考:为什么用 void 0 代替 undefined | GitHub

九、以下代码的输出结果是?为什么?
console.log(1+1) //2 number
console.log("2"+"4") //24 string
console.log(2+"4") //24 string
console.log(+"4") //4 number
打印出执行结果,number 类型相加按照数学方法,number 与 string 相加相当于字符串拼接。

十、以下代码的输出结果是?为什么?
var a = 1 // a === 1
a+++a // a === 2
typeof a+2 // number2
a+++a可以拆分为(a++) + a,所以只有第一次的自加有改变a的值,typeof优先级极高,所以实际上运行的是(typeof a) + 2
a++ 按照顺序理解,先使用,后 + 1;
++a 按照顺序理解,先加一,后使用;

a++ ++a.png

十一、以下代码的输出结果是?为什么?
var a = 1
var b = 3
console.log( a+++b ) /// 4
拆分下:console.log((a++) + b),a++实际是先使用a的值再自加,所以结果是console.log(a + b)。假如换成++a的话,结果就是console.log(1 + a + b)了,可以试下。

十二、遍历数组,把数组里的打印数组每一项的平方
var arr = [3, 4, 5]
var i = 0
while (i < arr.length) { console.log(arr[i] * arr[i]) i++}

clipboard.png

十三、遍历 JSON, 打印里面的值
var obj = { name: 'hunger', sex: 'male', age: 28 }
for (var key in obj) { console.log(obj[key])}

clipboard1.png

十四、以下代码输出结果是? 为什么?

clipboard2.png

/typeof 优先级高, || 或运算只有真的值有效,都为假返回 false,所以上面可以拆解为: val = (typeof a) + b 。前面已经是真,后面语句被短路,不在执行后面的代码

补充:

1、只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。

2、只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。

我称这种为短路原理: 知道了前面第一个的结果就知道后的输出,如果为第一个为:true,则取第一个的值,如果第一个为false,则取第二个的值。

js请你一定要记住:在js逻辑运算中,0、”“、null、false、undefined、NaN都会判为false,其他都为true。这个一定要记住,不然应用||和&&就会出现问题。

这里顺便提下:看到很多代码if(!!attr),为什么不直接写if(attr);

其实这是一种更严谨的写法:
请测试 typeof 5和typeof !!5的区别。!!的作用是把一个其他类型的变量转成的bool类型。

clipboard3.png

//与运算符为真就一直运行下去,最后一个,为假直接返回 false,所以:data = console.log('bb') 。而console.log()的返回是 undefined

补充:

1、只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;

2、只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值;

clipboard4.png

//同理可拆分成:data2 = d = console.log('haha')

clipboard5.png

//取反运算符,结果不是 true 就是 false;逗号操作符,返回最后一条语句结果,所以: x = !!"Hello" + !!"from here!!"。即 x = true + true,对布尔值进行运算,计算机直接转化为对应的 0 和 1

参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
http://www.jianshu.com/p/f75c81d01a1b

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