任务17-js数据类型

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

共有六种数据类型:
数值(number):整数和小数(比如1和3.14)
字符串(string):字符组成的文本(比如”Hello World”)
布尔值(boolean):true(真)和false(假)两个特定值
undefined:表示“未定义”或不存在,即此处目前没有任何值
null:表示空缺,即此处应该有一个值,但目前为空
对象(object):各种值组成的集合

数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最原始的数据类型,不能再细分了。而将对象称为复杂类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。

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

在变量和值上调用typeof,将返回一个字符串,这个字符串标示了这个变量或值的类型。如果这个变量或值是一个引用类型将会返回"object"。如果是原始类型输出结果如下:

typeof "ABC"        ==> string
typeof true            ==> boolean
typeof 112            ==> number 
typeof undefined  ==> undefined  
typeof null            ==> object  
typeof function (){}==>function
typeof {}               ==> object
typeof []               ==>object

其中typeof null 返回的object,这是因为JavaScript最初实现的一个错误,然后被沿用到现在。现在,null被认为是对象的占位符,从而解释了这一矛盾。从技术将null还是一个元素类型。比如:var obj 变量是一个对象类型的,我们在程序中会这样给obj初始值:var obj=null;

typeof在运算一个引用类型时,总是返回object。不能判断这个引用类型是数组还是对象,这时就可以用instanceof,它用于判断一个变量是否是某个对象的实例:

var o = {};
var a = [];

o instanceof Array // false
o instanceof Object //true  Array 是Object的子类,所以也是true
a instanceof Array // true

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

用type 变量名;就可返回一个此变量类型的字符串,假如此变量名为a:
type a === "number";
type a === "string";
type a === "boolean";
type a === "function";

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

不是数值(非数值),字面全拼为:Not a Number
用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了),就会返回“NaN”值。
NaN 值非常特殊,因为它“不是数字”,所以任何数跟它都不相等,甚至 NaN 本身也不等于 NaN 。
任何涉及NaN的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。

isNaN()计算一个参数,检查它是否为数值, 语法是isNaN(testValue) ,返回true或者false。

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

javascript有3个函数可以把非数值转换为数值:Number()、parseInt()、parseFloat()。

Number()可以用于任何数据类型(此函数平时很少使用)。

parseInt()、parseFloat()专门用于把字符串转换成数值(比较常用的)。

Number()转换规则:


【1】如果是Boolean值,true和false将分别被转换为1和0。

【2】如果是数字值,只是简单的传入和返回。

【3】如果是null值,返回0。

【4】如果是undefined,返回NaN。

【5】如果是字符串,遵循下列规则:

  1)、如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转化为十进制数值,既"1"变成1,"123"变成123,但是"012"会变成11(注意:前导的零被忽略了);

  2)、如果字符串中包含有效的浮点格式,如"1.1",将其转换为对应的浮点数值(同样也会忽略前导零);

  3)、如果字符串中包含有效的十六进制格式,如"0xf"则将其转换为相同大小的十进制整数值;

  4)、如果字符串是空的(不包含任何字符),则将其转换为0;

  5)、如果字符串中包含除上述格式之外的字符,则将其转换为NaN;

【6】如果是对象,则调用对象的valueOf方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再次依照前面的规则转换返回的字符串值。

例如
var num1 = Number("Hello world");      //NaN
var num2 = Number("");                 //0
var num3 = Number("000011");           //11
var num4 = Number(true);               //1

由于Number()函数在转换字符串时比较复杂而且不够合理,因此在处理函数的时候更常用parseInt()函数。

【1】parseInt():从字符串中提取整数,遇到非数字,就停止,不在看后面的。

【2】parseInt()函数能够识别出各种整数格式(2、8、10、16进制度),默认是10进制。

如果要转换其他进制,要带上第二个参数:转换时使用的基数(即多少进制),默认10进制可以不带第二个参数。

【3】parseInt()函数在下面情况会提示NaN:

   1)、第一个字符不是数字字符或者负号;

   2)、转换空字符串

示例

var num1 = parseInt("22.5");               //22
var num2 = parseInt("1234blue");           //1234
var num3 = parseInt("blue1234");           //NaN
var num4 = parseInt("");                   //NaN

var num5 = parseInt("AF", 16);             //175(指定了16作为第二参数,字符串可以不带前面的"0x")

var num6 = parseInt("10", 2);              //2(按二进制解析)
var num7 = parseInt("10", 8);              //8(按八进制解析)
var num8 = parseInt("10", 10);             //10(按十进制解析)
var num9 = parseInt("10", 16);             //16(按十六进制解析)

6、==与===`有什么区别

==:等于运算,但是不比较值的类型, 两边值类型不同的时候,要先进行类型转换,再比较。

===:完全等于运算,不仅比较值,而且还比较值的类型,当两边类型不一致时,不做类型转换,类型不同的一定不等,只有两者一致才为真。

7、break与continue有什么区别

break 语句在循环体语句(for ,while, do while,switch)等具有迭代选择特征的语句中使用,而且是终止最近的封闭代码块(即多重循环时,它只终止自己所在的循环),整体代码接在break语句后继续执行(如果break语句不是最后一行代码的话)。

continue语句与break语句使用场合类似,含有continue的迭代语句(或者叫循环语句),在遇到continue语句后,代码先不按照常规的从上往下的代码执行顺序执行,而是马上回到循环入口转入下一次循环。
要注意的是,continue语句是不可以在单独的switch语句中使用,但可以在一个循环内的switch语句中使用,这时将导致进入下一次循环。

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

一般都是用来对某个值做if判断,判断是否等于undefined。
但是一般用void 0来代替undefined,undefined 是windows的一个属性,每次使用都要调用,比较费时,而且它还是一个可以重定义的变量,容易出错。
不管void后的运算数是什么,只管返回undefined,用void 0.只是比较省事,也可用void 1; void100;

** 以下是扩展阅读 **

undefined

一直以来, undefined 都不是 JavaScript 的关键字或保留字,这意味着我们可以修改 window.undefined 的值。

由于 undefined 会被频繁调用作为比较运算的操作数等原因,修改 undefined 的值是有弊端的,所以在 ES5 规范之后, window.undefined 被定义为不可写、不可配置的属性。

常见的 undefined :

变量声明后未赋值,则变量会被自动赋值为 undefined
函数中定义了一些形参,如果传入的实参少于预定义的形参,那么有一些形参就会匹配不到实参,继而会被自动赋值为 undefined
没有返回值的函数,默认返回 undefined
void 运算符

void 运算符后面接一个表达式,无论表达式的内容是什么,只要跟在 void 之后都会被调用执行,执行完毕后 void 操作符返回 undefined :

void (expression)
简而言之,使用 void 运算符有三种用处:

生成 undefined
让函数立即执行
充当 javascript: 协议的 URI
生成 undefined

使用 void 0 生成 undefined 的做法由来已久,既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined 。

function checkLogin (loginName) {
    if (loginName === void 0) {
        console.log('Wrong!');
    } 
}
checkLogin();
// => 'Wrong!'

立即执行函数

运算符和函数组合使用,可以让函数立即执行。实际上,有许多运算符可以让函数立即执行,比如 + 、 - 、 ! 、 ~ 以及本文提到的 void 等运算符。此外,还有最常见的小括号(不是运算符,会改变优先级):

(function(){
    console.log('立即执行');
})();
// => '立即执行'
充当 javascript: 协议的 URI

对于网页中的 点赞 、 收藏 等按钮,如果使用 a 标签来实现的话,往往会用到 href="javascript:void(0)" 等类似的代码,这段代码的作用点击链接时让页面不跳转。

在 href="javascript:void(0)" 中,使用了一个以 javascript: 协议开头的 URI,浏览器默认会对冒号后面的代码求值,然后将结果显示在新的页面,但有一种情况例外,如果结果是 undefined ,浏览器就不会刷新页面渲染新值了。

实际上,我们有很多方式实现 点赞 、 收藏 的效果,无需使用这么 Hack 的方式——虽然这确实很方便。

javascript: 协议声明了 URL 的主体是任意的 javascript 代码,由 javascript 解释器编译执行,通常使用 javascript:URL 执行某些不改变当前页面文档的代码,要做到这一点,必须确保 URL 的最后一条语句没有返回值,比如使用 void 0 。

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

console.log(1+1);    //2
console.log("2"+"4");  //"24"
console.log(2+"4");// "24"
console.log(+"4");//4,字符串变数值:+"str","str"-0,变字符串:var+"",变布尔:!!0=>false.加法运算中,一个是字符串,另一个是非字符串,后者会被自动转换成字符串。

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

var a = 1;  
a+++a;  //3 (a++)+a,第一个a为1,第二个a自增后的a=2,相加为3。
typeof a+2; //"number2" typeof的优先级比+高

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

 var a = 1;
 var b = 3;
 console.log( a+++b );//4  a++增值了还没参与计算,所以还是1,再加b等于4。如果是++a+b,就是先增值再加b,等于5。

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

 var arr = [3,4,5]
//1、
for(let i=0; i<arr.length; i++ ){
  console.log("arr["+i+"]="+arr[i]+",它的平方是"+Math.pow(arr[i],2));
}
//2、
for (let i in arr){
  console.log("arr["+i+"]="+arr[i]+",它的平方是"+Math.pow(arr[i],2))
}

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

var obj = {
 name: 'hunger', 
 sex: 'male', 
 age: 28 
}
for (let i in obj){
  console.log("abj["+i+"]="+obj[i]);
}

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

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0 //==>typeof a+(b||true)==>typeof a+b==>number2 ||前面为ture,返回前面的值,为false,返回后面的值。
console.log(val)  
var d = 5;
var data = d ==5 && console.log('bb')//==>true&&"bb"==>"bb"  &&前面为ture,返回后面的值,为false返回后面的值。
console.log(data)
var data2 = d = 0 || console.log('haha')//0可转化为false
console.log(data2)//"haha"
var x = !!"Hello" + (!"world", !!"from here!!");//x=1+(0,1);==》x=1+1;
console.log(x)//2,

逻辑运算符操作非逻辑数时:
(逻辑与expr1&&expr2) 如果expr1操作数能被转换为false,那么返回expr1;否则,返回expr2。
(逻辑或expr1||expr2) 如果expr1能被转换为true,那么返回expr1;否则,返回expr2。
(逻辑非!) 如果操作数能够转换为true则返回false;否则返回true。

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

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,132评论 0 13
  • 什么是 JavaScript 语言? JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”(script...
    oWSQo阅读 1,789评论 0 1
  • 第1章 JavaScript 简介 JavaScript 具备与浏览器窗口及其内容等几乎所有方面交互的能力。 欧洲...
    力气强阅读 1,118评论 0 0
  • 中国家庭对待宝宝的态度和国外对待宝宝的态度讨论了很久了,主要是文化的差异造成的,在中国会更有“人情味”一些,国外按...
    OO碰到OO阅读 186评论 0 0
  • 锦瑟流年(目录)——————————酒馆人不多,谢以年逛了一圈便抓了个东西在手。 回来便迅速把它埋进了剩下的菜里。...
    玉楼人醉阅读 484评论 8 4