任务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。