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

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

  • 数值 number:整数和小数
  • 字符串 string:字符组成的文本
  • 布尔型 boolean:true 和 false 两个特定值
  • undefined:表示“未定义”或“不存在”,即此处目前没有任何值
  • null:表示空缺,即此处应该有一个值,但目前为空
  • 对象 object:各种值组成的集合,可以看为一个容器

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

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

undefined 和 null,一般被看作两个特殊值。


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

typeof 用以获取一个变量或者表达式的类型,typeof 一般只能返回如下几个结果:
number,boolean,string,function,undefined,object(包括 NULL,数组,对象)。

typeof (123); //返回"number"
typeof ("123"); //返回"string"

我们可以使用typeof来获取一个变量是否存在,如 if ( typeof v != "undefined" ) { },而不要去使用if(v)因为如果v不存在(未声明)则会出错,错误显示 v 没有声明。

由于 typeof 遇到 null、数组、对象时都会返回object类型,所以当我们要判断一个对象是否是数组时、判断某个变量是否是某个对象的实例时,要选择使用另一个关键语法instanceof

instanceof 用于判断一个变量是否某个对象的实例,如

var a=new Array();
console.log(a instanceof Array);

会返回 true,同时 alert(a instanceof Object) 也会返回true;这是因为 Array 是 object 的子类。
再如:

function test(){};
var a=new test();
console.log(a instanceof test);

会返回 true。


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

利用 typeof( ) 操作符,其可以返回 undefined/boolean/number/string/function/object 等字符串,用以判断变量类型。


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

NaN 是非数值(Not a number)的意思,其自身是一个特殊的数值,用于表示一个本来要返回数值的操作数未返回数值的情况,这样子就可以避免抛出错误。
NaN 有两个特点:

  • 任何设计 NaN 的操作都会返回 NaN;
  • NaN 与任何值都不相等,包括 NaN 本身,NaN==NaN 会返回 false

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

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

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

利用+号也可以将非数值转化为数值

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

===是严格意义的相等,只需注意 NaN 和 NaN 不等就行了。<span style="color:red">一般写代码都要用===。</span>而使用==的时候,javascript会帮我们做类型转换,造成一些特别的结果:

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

7. break与continue有什么区别

break 和 continue 语句用于在循环中精准的控制代码的执行,其中 break 语句会立即退出循环,强制继续执行循环后面的语句。而 continue 语句虽然也是立即退出循环,但退出循环后会从循环的顶部继续执行。

var num = 0;
for(var i=0; i<10; i++) {
    if(i==5){
        break;
    }
    num++;
}
console.log(num);
 // 循环结束后,num 值为4,i 总共循环5次,第5次时 break 循环打断,num++ 没有再执行
var num = 0;
for(var i=0; i<10; i++) {
    if(i==5){
        continue;
    }
    num++;
}
console.log(num);
//循环结束后,num 值为9,i 循环10次,第5次时 continue 将下一步 num++ 跳过,直接进行下一次循环

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

undefined 并不是保留字,而是全局对象的一个属性,在 ES5 之前的版本中可以被重写,在某些极端情况下使用 undefined 会出现一些错误。

void 运算符能对给定的表达式进行求值,然后返回 undefined。也就是说,void 后面随便跟上一个表达式,返回的都是 undefined,可以完美代替 undefined。其中最短的就是 void 0 了,其实 void 1,void (1+1),void (0) 或者 void “hello”,void (new Date()) 等都是一样的。

最重要的是,void 是不能被重写的(cannot be overidden)。并且在 ES5 大环境下,用 void 0 代替 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; //
typeof a+2; //number

输出是 "number2",由于最后一行运算根据优先级,先进行 typeof a 运算得到字符串 "number",然后进行字符串和数值相加运算得到"number2"


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

var a = 1;
var b = 3;
console.log( a+++b );

输出为4,因为 a+++b 先进行 a++ 运算,此时 a 的数值加1但是 a++ 的数值依然保持为1,然后与 b 做相加运算得到结果为4。


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

var arr = [3,4,5]
for (var item in arr) { 
    console.log(arr[item] * arr[item]);
}

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

var obj = {
  name: 'hunger', 
  sex: 'male', 
  age: 28 
}

for (var item in obj) {
    console.log(obj[item]);
}

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

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0;
console.log(val) ;
var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
var data2 = d = 0 || console.log('haha')
console.log(data2)

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

推荐阅读更多精彩内容