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

1. JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?

  • JavaScript语言的每一个值,都属于某一种数据类型。JavaScript的数据类型,共有六种。

  • 数值(number):整数和小数(比如1和3.14)

  • 字符串(string):字符组成的文本(比如"Hello World")

  • 布尔值(boolean):true(真)和false(假)两个特定值

  • undefined:表示“未定义”或不存在,即此处目前没有任何值

  • null:表示空缺,即此处应该有一个值,但目前为空

  • 对象(object):各种值组成的集合

  • Symbol :一种特殊的、不可变的数据类型,可以作为对象属性的标识符使用。

  • 原始类型和复杂类型

  • 数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。

  • 对象称为复杂类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。

  • 至于undefined和null,一般将它们看成两个特殊值。

  • 对象又可以分成三个子类型。
    狭义的对象(object)
    数组(array)
    函数(function)
    正则表达式 (regexp)

2. typeof和instanceof的作用和区别?

  • typeof
  • 用于判断基本类型
    基本类型总共有六种,它们分别是
    number
    boolean
    string
    function
    object
    undefined
  • 是一元运行符
    运算格式:
    typeof xxx
    比如
    typeof 1
    会得到
    "number"
  • 返回结果是类型的字符串
    根据typeof 1的结果,我们可以看到我们得到的是一个字符串。
  • 一些简单的例子
> typeof 1
 "number"
> typeof qcy
"undefined"
> typeof NaN
"number"
> typeof 0.1
"number"
> typeof true
"boolean"
> typeof false
"boolean"
> typeof 'aaa'
"string"
> typeof function() {}
"function"
> typeof {}
"object"
> typeof []
"object"
  • instanceof
  • 用于判断对象的类型
    所以可以使用instanceof的都必须是对象。所以不属于object类型的基本类型是无法应用instanceof的,或者无法得到你想要的结果。
    比如:
> 1 instanceof Number
false

你要想得到正确的结果,需要这样做:

> new Number(1) instanceof Number
true

所以如果你的运算内容不是对象,你就无法得到正确的结果。同样的效果如下:

'string' instanceof String
false
new String('string') instanceof String
true
  • 二元运算符
    instanceof 是一个二元运算符,左边a是被运算的值,右边b是运算的类型。格式是这样的
    a instanceof b

  • 返回结果是布尔值(Boolean):true/false
    所以instanceof是一个判断,而typeof是求值。

  • 差异

  • 自定义类型使用 instanceof :

var ClassFirst = function () {};
var ClassSecond = function () {};
var instance = new ClassFirst();
typeof instance; // object
typeof instance == 'ClassFirst'; //false
instance instanceof Object; //true
instance instanceof ClassFirst; //true
instance instanceof ClassSecond; //false 
  • 原始类型使用 typeof :
'example string' instanceof String; // false
typeof 'example string' == 'string'; //true
'example string' instanceof Object; //false
typeof 'example string' == 'object'; //false
true instanceof Boolean; // false
typeof true == 'boolean'; //true
99.99 instanceof Number; // false
typeof 99.99 == 'number'; //true
function() {} instanceof Function; //true
typeof function() {} == 'function'; //true
  • 复杂类型使用 instanceof :
/regularexpression/ instanceof RegExp; // true
typeof /regularexpression/; //object
[] instanceof Array; // true
typeof []; //object
{} instanceof Object; // true
typeof {}; //object

3. 如何判断一个变量是否是数字、字符串、布尔、函数

假设变量为x

  • 数字
    如果
    typeof (x) // "number"
    则变量为数字

  • NaN (Not-A-Number)
    NaN是JavaScript之中唯一不等于自身的值
    所以如果有
    x!==x // true
    或者
    isNaN(x) // true
    则变量为NaN

  • Infinity
    Infinity 属性用于存放表示正无穷大的数值
    可以直接判断
    x == Infinity // true
    则变量为Infinity

  • 字符串、布尔、函数
    使用
    typeof(x) // string | boolean | function
    即可得到相应结果

4. NaN是什么? 有什么特别之处?

全局属性 NaN 表示 Not-A-Number 的值。
NaN 是一个全局对象的属性。
NaN 属性的初始值就是 NaN,和 Number.NaN 的值一样。在现代浏览器中(ES5中), NaN 属性是一个不可配置(non-configurable),不可写(non-writable)的属性。但在ES3中,这个属性的值是可以被更改的,但是也应该避免覆盖。

在编码很少直接使用到 NaN。通常都是在计算失败时,作为 Math 的某个方法的返回值出现的(例如:Math.sqrt(-1))或者尝试将一个字符串解析成数字但失败了的时候(例如:parseInt("blabla"))

typeof NaN   // "number"

也就是说 NaN 是一种特殊的 Number 类型值。
NaN是JavaScript之中唯一不等于自身的值

 NaN !== NaN  // true
 NaN === NaN  // false

严格判断 NaN

 typeof value === 'number' && isNaN(value);

5. 如何把非数值转化为数值?

有三个函数可以把非数值转换为数值

1. Number()
2. parseInt()
3. parseFloat()

大量特殊情况

6. ==与===有什么区别

== equality 等同,=== identity 恒等。
==, 两边值类型不同的时候,要先进行类型转换,再比较。
===,不做类型转换,类型不同的一定不等。
特殊情况

[] == false  //  true
![] == false // true

解释 - 扩展阅读

7. break与continue有什么区别

break 用于强制退出循环体,执行循环后面的语句
continue 用于退出本次循环,执行下次循环

8. void 0 和 undefined在使用场景上有什么区别

undefined可以在局部作用域中被覆写, void 0不可被重写并且返回值是undefined,因此void 0是在局部作用域中替代undefined

9. 以下代码的输出结果是?为什么

console.log(1+1);    
>  2  //  输出1+1的结果
console.log("2"+"4");  
>  24  //  此处 + 号意义为字符串拼接
console.log(2+"4"); 
>  24  //  + 号两边类型不同,先把number类型转换为string再进行字符串拼接
console.log(+"4");
> 4 此处 + 号作用相当于转化 string 为 number

10. 以下代码的输出结果是?

var a = 1;  
a+++a;  
>  3  //  a++ 优先级比 + 高,相当于 (a++) + a ,a++在自增之前返回值 1 再与a自增后的值 2 相加,结果为3
typeof a+2;
> number2  //  typeof 优先级比 + 高,所以返回字符串number,再通过 + 号与2拼接

11. 以下代码的输出结果是? 为什么

var a = 1;
var b = 3;
console.log( a+++b );
>  4  //  ++ 优先级比 + 高,相当于 (a++) + b ,a++在自增之前返回值 1 再与b的值 3 相加,结果为 4

12. 遍历数组,把数组里的打印数组每一项的平方

var arr = [3,4,5]
for (var i=0;i<arr.length;i++)
    console.log(arr[i]*arr[i])
>  9
   16
   25

13. 遍历 JSON, 打印里面的值

var obj = {
 name: 'hunger', 
 sex: 'male', 
 age: 28 
}
for (prop in obj)
    console.log(prop,":",obj[prop])
>  name : hunger
   sex : male
   age : 28

14. 以下代码输出结果是? 为什么 (选做题目)

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val) 
>  number2  //  先计算 typeof a 为 number,再+b为 number2 ,且能转换为true,所以直接返回number2

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
>   bb
    undefined
依据优先级
data = ((d == 5) && (console.log('bb')))
data = undefined


var data2 = d = 0 || console.log('haha')
console.log(data2)
 >  haha
    undefined
依据优先级
data2 = (d = ((0) || (console.log('haha'))))
data2 = undefined

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

推荐阅读更多精彩内容