web前端-js小记(2)-数据类型及运算符

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

数据类型	原始类型	复杂类型
数值(number)	Y
字符串(string)	Y
布尔值(boolean)	Y
undefined	特殊
null	特殊
对象(object)		Y

区别：

1. 数值、字符串、布尔值称为原始类型（primitive type）的值，即它们是最基本的数据类型，不能再细分了。
2. 将对象称为复杂类型（complex type）的值，因为一个对象往往是多个原始类型的值的合成，可以看作是一个存放各种值的容器。对象分为：狭义的对象（object）、数组（array）、函数（function）、正则表达式（regexp）

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

1. typeof：用于返回一个数据其原始的数据类型，对于常见的几大数据类型都可以用typeof 数据类型的方式进行判断。

typeof 123;       //"number"
typeof "123";     //"string"
typeof true;       //"boolean"
function f(){}
typeof f;            //"function"
typeof undefined;    //"undefined"
typeof window;       //"object"
typeof {};                 //"object"
typeof [];                 //"object"
typeof null;             //"object"

2. instanceof：用于判断某个对象是不是构造函数的一个实例。

var o={},a=[];
o instanceof Object;
a instanceof Array;

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

typeof 123;       //"number"
typeof "123";     //"string"
typeof true;       //"boolean"
function f(){}
typeof f;            //"function"

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

1. NaN：not a number，用于表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误了），就会返回“NaN”值。NaN 值非常特殊，因为它“不是数字”，所以任何数跟它都不相等，甚至 NaN 本身也不等于 NaN 。
2. isNaN()计算一个参数，检查它是否为数值, 语法是isNaN(testValue) ，返回true或者false。

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

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

1. Number()：要比parseInt()严格，字符串可以被解析成数值，则转化为数值，否则为NaN；boolean转化为0和1；undefined 转化为NaN，null转化为0；对象中狭义的对象、数组、函数转化为NaN

Nmuber(123)    //123
Number("123a")  //NaN
Number("123")   //123
Number(" ")       //0
Number(true)    //1
Number(undefined)    //NaN
Number(null)     //0
Number([1,2,3])     //NaN
Number([])     //0
Number({a:1})    //NaN
Number(function(){})    //NaN

2. parseInt()：字符串若第一个数为数值，则返回数值，返回值为第一个数值到最后一个数值，数值之间没有字母，只取整数，遇到小数点后面的数就舍弃，若第一个数为字母，则直接返回NaN；Boolean、undefined、null返回NaN；数组返回数组的第一个数值；狭义的对象、函数返回NaN；

parseInt("123ads")     //123
parseInt("saf123")     //NaN
parseInt(" ")               //NaN
parseInt(true)            //NaN
parseInt(false)           //NaN
parseInt(undefined)    //NaN
parseInt(null)              //NaN
parseInt([1,2,3])          //1
parseInt([2,4,7])          //2
parseInt({a:2})             //NaN
parseInt(function(){})      //NaN

3. parseFloat()：和parseInt()类似，只是遇到小数会保留。

parseFloat("12.345sdf")    //12.345
parseFloat("sdf12305.22")       //NaN
parseFloat(true)       //NaN
parseFloat(undefined)       //NaN
parseFloat(null)       //NaN
parseFloat([1.234,4334.34])       //1.234
parseFloat({a:1.234})       //NaN
parseFloat(function(){})       //NaN

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

1. ==：相等运算符，不会比较值的类型，两边类型不同的时候，先进行类型转换，再做比较。

1=="1"    //true
false=="false"    //true

2. ===：严格相等运算符，不仅比较值，而且还比较值的类型，当两边类型不一致时，不做类型转换，类型不同的一定不等，只有两者一致才为真。

1==="1"    //false
false==="false"    //false

7. break与continue有什么区别

1. break：break语句是指当条件满足或被触发后直接终止所有循环，即便后面的内容并没有完全执行完。
2. continue：continue语句则是指当条件触发后跳过当前循环继续下一循环，并不会终止此循环。

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

一般都是用来对某个值做if判断，判断是否等于undefined。
但是一般用void 0来代替undefined,undefined 是windows的一个属性，每次使用都要调用，比较费时，而且它还是一个可以重定义的变量，容易出错。
不管void后的运算数是什么，只管返回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;     //(a++)+a,第一个a为1，第二个a自增后的a=2,相加为3。
typeof a+2;   "number2" typeof的优先级比+高

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

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

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

var a=[1,2,3];
for(var i=0;i<a.length;i++){
  console.log(a[i]*a[i]);
}

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

var obj={
  name: "张伟",
  age: "24"
}
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 a+(b||true)==>typeof a+b==>number2 ||前面为ture,返回前面的值，为false，返回后面的值。

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)                       //bb undefined,==>true&&undefined==>undefined  &&前面为ture,返回后面的值，为false返回前面的值。

var data2 = d = 0 || console.log('haha')
console.log(data2)                    ///haha undefined,0可转化为false,返回后面的值,console.log("haha")为undefined
 
var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)                            //x=1+(0,1);==》x=1+1;
总结：
(逻辑与expr1&&expr2) 如果expr1操作数能被转换为false，那么返回expr1；否则，返回expr2。
(逻辑或expr1||expr2) 如果expr1能被转换为true，那么返回expr1；否则，返回expr2。
(逻辑非！) 如果操作数能够转换为true则返回false；否则返回true。

(mission 2)