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

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

  • JavaScript语言的每一个值,都属于某一种数据类型。JavaScript的数据类型,共有六种。
    1.数值(number): 整数和小数(如1和1.34)
    2.字符串(string): 字符组成的文本(如“hello world”)
    3.布尔值(boolean):true(真)和false(假)两个特定值
    4.undefined: 表示“未定义”或不存在,即此处目前没有任何值
    5.null: 表示空缺,此处应有一个值,但目前为空
    6.对象(object):各中值组成的集合

  • 属于原始类型(primitive type)的有: 数值,字符串,布尔值

  • 属于复杂类型(complex type)的有: 对象

  • 特殊值:undefined和null

  • 原始类型与复杂类型的区别:
    原始类型是最基本的数据类型,不能再细分了。
    复杂类型的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。

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

JavaScript有三种方法,可以确定一个值到底是什么类型。

  • typeof运算符
  • instanceof运算符
  • Object.prototype.toString方法

对于typeof:
1.数值、字符串、布尔值分别返回 number、string、boolean。

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

2.函数返回function。

function f() {}
typeof f
// "function"

3.undefined返回undefined。

typeof undefined
// "undefined"

利用这一点,typeof可以用来检查一个没有声明的变量,而不报错。应用在实际编程中:

// 错误的写法
if (v) { }  // ReferenceError: v is not defined

// 正确的写法
if (typeof v === "undefined") { }

4.除此以外,其他情况都返回object。

typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"

对于instanceof
区分数组和对象

var o = {};
var a = [];
o instanceof Array // false
a instanceof Array // true

两者区别:
typeof运算符:运算符可以返回一个字符串,用以说明原数据的类型。
instanceof运算符:运算符可以判断一个变量是否是某个对象(类)的实例,返回值是布尔类型的。

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

见上例

typeof 123 === 'number' 判断是否是数字
typeof '123' === 'string' 判断是否为字符串
typeof true ==='boolean' 判断是否为布尔
function f() {}
typeof f ==='function' 判断是否为函数

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

NaN含义是Not a Number,表示非数字,NaN和任何值都不相等,包括自己。

  NaN == NaN; //false
  parseInt('abc'); //NaN

特别之处:
1.任何NaN的值进行操作都会返回一个NaN,
2.NaN与任何值都不相等包括其本身,即NaN === NaN也是false.

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

有三个函数可以把非数值转换为数值
1. Number()
2. parseInt()
3. parseFloat()

第一个函数,即转型函数Number()可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。这3个函数对于同样的输入会有返回不同的结果。

Number()函数的转换规则如下:
  • 如果是Boolean值,true和false将分别被转换为1和0;
  • 如果是数字值,只是简单的传入和返回;
  • 如果是null值,返回0;
  • 如果是undefinde,返回NaN;
  • 如果是字符串,遵循下列规则:
    1.如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即“1”会变成1,“123”会变成123,而“011”会变成11(注意:前导的零被忽略了);
    2.如果字符串中包含有效的浮点格式,如“1.1”,则将其转换为对应的浮点数值(同样,也会忽略前导零);
    3.如果字符串中包含有效的十六进制格式,例如“0xf”,则将其转换为相同大小的十进制整数值;
    4.如果字符串是空的(不包含任何字符),则将其转换为0;
    5.如果字符串中包含除上述格式之外的字符,则将其转换为NaN.
    如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再次依照前面的规则转换返回的字符串值。
parseInt()函数的转换规则如下:
  • 忽略字符串前面的空白字符,找到第一个非空白字符
  • 如果第一个字符不是-或者数字返回NaN
  • 如果第一个字符是数字字符,会继续解析第二个字符,直到解析完所-有后续字符或者遇到了一个非数字字符。例如“1234blue”会被转换为1234,因为“blue”会被完全忽略。
  • 0开头会当做八进制,0x开头会当做十六进制,但是可以指定第二个参数指定基数
parseFloat() 与parseInt()函数类似,有两点区别
  • parseInt()在解析"22.34.5"时会将其转换为22,因为小数点并不是有效的数字字符;而parseFloat()可以将转换为22.34,因为parseFloat()在解析时遇到一个无效的浮点数字字符为止,而上述字符砖中第一小数点是有效的;
  • parseInt()与parseFloat()的第二个区别在于它始终都会忽略前导的零。

parseInt('blue'); //NaN 非空字符串转换为NaN
parseInt('-23ABS'); // -23
parseInt('0xf1'); // 241
parseInt('101', 2); // 5,后面的2代表101是二进制数
  1. ==与===有什么区别
    ===是严格意义上的相等,只需注意NaN和NaN不等就行了。而使用==的时候,javascript会帮我们做类型转换,造成一些匪夷所思的结果,那么使用==的时候在一下情况下会做相应的类型转换
    如果两个值类型相同,则执行严格相等的运算
    如果两个值的类型不同
    1.如果一个是null,一个是undefined,那么相等
    2.如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
    3.如果一个值是true/false则将其转为1/0比较
    4.如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
    5.其它就不相等了

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

我们可以使用==或===判断两个值的相等性,其中区别在于:===是严格意义的相等,只需注意NaN和NaN不等就行了。而使用==的时候,javascript会帮我们做类型转换,如:

  • 如果两个值类型相同,则执行严格相等的运算
  • 如果两个值的类型不同
    1.如果一个是null,一个是undefined,那么相等
    2.如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
    3.如果一个值是true/false则将其转为1/0比较
    4.如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
    5.其它就不相等了

7.break与continue有什么区别

这两个关键字多用在循环语句中
break 用于强制退出循环体,执行循环后面的语句
continue 用于退出本次循环,执行下次循环

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

void运算符的作用是执行一个表达式,然后返回undefined。但是某些情境下undefined是可以被赋值的,比如在函数中,这样的话就不能用undefined来进行判断了。所以用void 0返回undefined来进行判断。既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined。

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

console.log(1+1);    // 输出结果为2,在两个操作数都是数字的时候,会做加法运算
console.log("2"+"4");  // 输出结果为"24",两个参数都是字符串,所以字符串做字符串拼接
console.log(2+"4"); // 输出结果为"24",对于两个参数,其中有一个参数是字符串的情况下会把另外一个参数转换为字符串做字符串拼接 
console.log(+"4");// 输出结果为"4",在只有一个字符串参数的时候会尝试将其转换为数字

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

var a = 1;  
a+++a;  //输出结果为3,由于++运算符比+运算符优先级更高,所以计算顺序为a++ +a, a++结果为1,此时a的值加1等于2,所以原式=1+2=3。
typeof a+2; // 输出结果为"number2",由于typeof运算符高于+运算符,所以计算顺序为typeofa +2,typeofa输出字符串number,字符串与数字相加,数字转换为字符串做字符串拼接,得到结果"number2'

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

var a = 1;
var b = 3;
console.log( a+++b );//输出结果为4,因为++运算符优先级高于+,所以a+++b=(a++)+b=1+3=4。

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

var arr = [3,4,5]
for(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(var key in obj){
console.log(obj[key])
}

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

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val) //输出结果为"number2",因为typeof运算符优先级高于其他运算符,所以优先运算typeof a,得到结果"number",然后运算+b,
所以||运算符左边结果为"number2",对于运算符逻辑||或,当第一个为true时,发生短路,直接略过第二个运算,并返回第一个运算结果。
所以输出"number2"。

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)//运算结果为undefined,因为==运算符优先级大于其他运算符,所以d==5优先运算得出结果为true,继续运算且&&运算符
右边的console.logo('bb'),结果为undefined(bb没有声明),式子变为var data =true && undefined,故最终输出结果为undefined。

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