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

1. JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?
  • 6种数据类型:数值(number)、字符串(string)、布尔值(boolean)、undefined、null、对象(object)
  • 原始数据类型:
    • 数值(number):整数和小数;
    • 字符串(string):文本数据;
    • 布尔值(boolean):true和false两个特定值;
    • undefined:表示“未定义”或不存在,即此处目前没有任何值;
    • null:表示空缺,即此处应该有一个值,但目前为空,一般用作对象的占位符;
    • symbol(ES6);
  • 复杂数据类型:
    • 对象(object):各种值组成的集合;包括数组(array)、函数(function)、对象(object)、正则表达式(regexp)等;
2. typeof和instanceof的作用和区别?
  • typeof用于基本数据类型的类型判断,返回值都为小写的字符串。如果是对象,除了function类型会返回“function”, 其他对象统一返回“object”。
typeof 123 // "number" /*数值返回"number"*/ 
typeof '123' // "string" /*字符串返回"string"*/ 
typeof false // "boolean" /*布尔值返回"boolean"*/ 

/*函数返回"function"*/ 
function f() {} 
typeof f // "function" 

/*undefined 返回 undefined*/ 
typeof undefined // "undefined" 

/* 其余的返回object*/ 
typeof window // "object" 
typeof {} // "object" 
typeof [] // "object" 
typeof null // "object"
  • instanceof 利用原型链继承关系做判断,它针对对象类型(格式:对象 instanceof 构造函数)。
var a = {};
var b = [];
a instanceof Array // false
b instanceof Array // true
//true
function C() {}
var a = new C();
a instanceof C;
  • 区别:
    • typeof是判断变量是什么基本类型的
    • instanceof是判断对象到底是什么类型的;
3. 如何判断一个变量是否是数字、字符串、布尔、函数

typeof运算符(2详细写的)

4. NaN是什么? 有什么特别之处?
  • NaN(Not a Number):表示非数值,是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数未返回数值的情况。
  • 注:涉及NaN的操作(如:NaN/10)都会返回NaN;NaN与任何值都不相等,包括NaN本身NaN === NaN // false /*NaN不等于它本身*/
5. 如何把非数值转化为数值?

三个函数:Number();parseInt();;,parseFloat();

  • Number():将任何类型的值转化为数值。但Number规则相当复杂而且不合理
    转换规则如下:
    • 如果是Boolean值,true和false分别转化为1和0
    • 如果是数字,只是简单的传入和返回
    • 如果是null, 返回0
    • 如果是undefined, 返回NaN
    • 如果是如果是字符串,按照下面的规则:
      • 如果只包含数字,则将其转化为十进制。
      • 如果数字中包含浮点格式,比如‘1.1’转化为1.1
      • 如果包含有效的十六进制,比如‘0xf’转化为15
      • 如果字符串是空的(不包含任何字符)转化为0
      • 如果包含上述其他的格式转化为NaN
    • 如果是对象,则调用对象的valueOf()方法,依照前面的规则转化,如果结果为NaN,则调用对象的toString()方法,再次按照前面的方法转换返回的字符串
 Number(null)   //0 
 Number('abc')  //NaN
 Number('')     //0
 Number({toString:function(){return '123'; }}) //123
 Number({valueOf:function(){return 456; }}) //456
  • parseInt():把值转换成整数;parseFloat():把值转换成浮点数
    使用规则:
    • 忽略字符串前面的空白字符,找到第一个非空白字符
    • 如果第一个字符不是-或者数字返回NaN
    • 如果是继续解析,直到非数值模式为止
    • 0开头会当做八进制,0x开头会当做十六进制,但是可以指定第二个参数指定基数
6. ==与===有什么区别

===是严格意义的相等;==是近似相等,使用==的时候,javascript会帮我们做类型转换如果两个值类型相同,则执行严格相等的运算

  • 如果两个值类型相同,则执行严格相等的运算
  • 如果两个值的类型不同
    • 如果一个是null,一个是undefined,那么相等
    • 如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
    • 如果一个值是true/false则将其转为1/0比较
    • 如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
    • 其它就不相等了
7. break与continue有什么区别
  • break 用于强制退出循环体,执行循环后面的语句 跳出循环体
for(var i = 1; i< 10; i++){ 
    if(i % 4 === 0){ 
        break;
    }

    console.log(i); 
}               // 1,2,3
  • continue 用于退出本次循环,执行下次循环 跳出单次循环
for(var i = 1; i< 10; i++){ 
    if(i % 4 === 0){ 
        continue; 
    } 
    console.log(i); 
}               //1,2,3,5,6,7,9
8. void 0 和 undefined在使用场景上有什么区别
  • undefined 不能被重写。但是在局部作用域中,还是可以被重写的。
    所以undefined现常用于全局环境
  • void 运算符通常只用于获取 undefined 的原始值,一般使用 void 0。在上述情况中,也可以使用全局变量undefined 来代替(假定其仍是默认值)。而 void 可以给任何给定的表达式求值,并返回 undefined,并且 void 不可被重写,因此void 0是在局部作用域中替代undefined的最佳选择。
9. 以下代码的输出结果是?为什么?
console.log(1+1);    //2    两种数值类型相加,结果为2
console.log("2"+"4");  //"24"  类型相同,两字符串拼接,结果为"24" 
console.log(2+"4"); //"24"     类型不同,转换为符串后拼接,结果为"24" 
console.log(+"4"); //4    只有一个字符串运算子,也转换为数字

加法运算符有如下规则:

  1. 在两个操作数都是数字的时候,会做加法运算;
  2. 两个参数都是字符串或在有一个参数是字符串的情况下会把另外一个参数转换为字符串做字符串拼接;
  3. 在参数有对象的情况下会调用其valueOf或toString;
  4. 在只有一个字符串参数的时候会尝试将其转换为数字;
  5. 在只有一个数字参数的时候返回其正数值。
10.
var a = 1;  
a+++a;  //(a++)+a,a++返回值为1,a自增运算为2,即1+2=3
typeof a+2;//"number2" ,相当于(typeof a)+2即"number"+2,字符串的拼接
11.
var a = 1;
var b = 3; 
console.log( a+++b );//(a++)+b,a++返回值为1,即1+3=4
12. 遍历数组,把数组var arr = [3,4,5]里的打印数组每一项的平方
var arr = [3,4,5]
for(var i=0;i<3;i++){
  console.log(arr[i]*arr[i])
}
13.

遍历 JSON, 打印里面的值

var obj = {
 name: 'hunger', 
 sex: 'male', 
 age: 28 
}
for(var kay in obj){
    console.log(obj[key])
}
14.
var a = 1, b = 2, c = 3; 
var val = typeof a + b || c >0;
//( typeof a )+b即number+b,字符串的拼接"number2"
console.log(val) 
//number2 || true
//或运算符(||)的运算规则是:
//如果第一个运算子的布尔值为true,则返回第一个运算子的值,且不再对第二个运算子求值;
//如果第一个运算子的布尔值为false,则返回第二个运算子的值。

var d = 5; 
var data = d ==5 && console.log('bb') 
//(d ==5 ) && console.log('bb')
console.log(data)//undefined
//或运算符(&&)的运算规则是:
//如果第一个运算子的布尔值为true,则返回第一个运算子的值
//如果第一个运算子的布尔值为false,则返回第二个运算子的值。 

var data2 = d = 0 || console.log('haha') 
//data2 =<( d = (0 || console.log('haha') )),=为右结合
//0转换为false,所以返回第二个运算子的值,结果为undefined
console.log(data2) 

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

推荐阅读更多精彩内容